как сделать таблицу "зебра"

помогите пожалуйста я новичок и еще толком программировать не умею.мне нужно сделать из этой таблицы на сайте таблицу зебру я не могу понять как.а так же при нажатии на ссылку открывалась информация в новом окне
вот мой код:

<meta http-equiv="refresh" content="300">

<script language="javascript" type="text/javascript">

function on(theRow){

theRow.style.backgroundColor = "#9db1cc";

theRow.style.cursor = "pointer";}

function off(theRow){

theRow.style.backgroundColor = "#ffffff";}

</script>

<style type="text/css">

TABLE {

width: 750px; /* Ширина таблицы */

border: 1px solid #6495ed; /* Рамка вокруг таблицы */

border-collapse: collapse; /* Убираем двойные линии между ячейками */

}

th {

padding: 3px; /* Поля вокруг содержимого ячейки */

background: #6495ed; /* Цвет фона */

color: white; /* Цвет текста */

text-align: center; /* Выравнивание по центру */

}

td {

text-align: center; /* Выравнивание по центру */

border-bottom: 1px solid #6495ed; /* Линия внизу ячейки */

}

</style>

<?php

$sdd_db_host='*****';

$sdd_db_name='****';

$sdd_db_user='*****';

$sdd_db_pass='';

@mysql_connect($sdd_db_host,$sdd_db_user,$sdd_db_pass);

@mysql_select_db($sdd_db_name);

//$result=mysql_query('SELECT * FROM `pev_earth`');

$result=mysql_query('SELECT * FROM `pev_earth` ORDER BY `id` Desc LIMIT 15');

{echo '<table class="q">

<tr class="q">

<th> map </th>

<th> date </th>

<th> time </th>

<th> lat </th>

<th> long </th>

<th> M </th>

</tr> ';}

while($row=mysql_fetch_array($result))

//{ echo '<p>Запись id='.$row['id'].'. Текст: '.$row['date'].'</p>';}

{echo ' <tr onmouseover="on(this)" onmouseout="off(this)">

<td >'.$row['map'].'<a href="http" target="_blank " >www</a></td>

<td>'.$row['data'].' </td>

<td>'.$row['time'].'</td>

<td>'.$row['lat'].' </td>

<td>'.$row['long'].'</td>

<td>'.$row['M'].' </td>'

;}

{echo '</tr></table>';}

?>

{/source}
Прикреплено изображение (Нажмите для увеличения)

-----
Чем больше узнаю, тем больше я не знаю.

А мы такое задание когда-то давно делали по-другому

for && (if counter %2 == 0) ))

(Отредактировано автором: 08 Июля, 2013 - 13:16:58)

-----

PHP:
скопировать код в буфер обмена

1. do {box != cat;} while (cat != box);

ща такой продвинутый css что скоро и html не понадобится

-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore

когда-то и верстали таблицами, и небо было голубое...

-----
Чем больше узнаю, тем больше я не знаю.

В ie к сожалению это не работает. По крайней мере в старых версиях.
Как вариант, сделать на jQuery:

DelphinPRO, помним, скорбим
Кстати, разве просто tr нельзя background-color задавать? Вроде глюк только с изображениями в хроме был, да и смотреться будет лучше если между ячейками отступы.


Не бывать такому при нынешних html/css

(Отредактировано автором: 08 Июля, 2013 - 13:30:04)

Это уже зависит от конкретных требований к таблице. технически можно.

Лучше в отдельном файле, подключаемом условными комментариями. Чисто фоллбэк для ослика.

-----
Чем больше узнаю, тем больше я не знаю.

DelphinPRO, если jQuery не подгружается изначально и не используется, то imya предложил самый нормальный вариант в данном случае.
Сразу с сервера отдавать классы, и если потом нет желания стилизовать таблицу - это никак не помешает.

всем большое спасибо получилось! отдельное спасибо DelphinPRO за его код!таблица теперь стала зеброй но появилась другая проблема раньше при наведении курсора у меня выделялась строчка, теперь она не выделяется. подскажите плиз что не так! заранее спасибо!

-----
Чем больше узнаю, тем больше я не знаю.

огромнейшее спасибо!