кроссбраузерность методы и решения

[gammi2]

Доброго времени суток? Столкнулся с такой проблемкой, не могу определить хак, в FF все выглядит нормально, в принципе под него изначально писал. а вот в IE, O, и в гугловском Хроме ползет...

вопрос с меню в картинках код следующий:

<table cellpadding="0" cellspacing="0" border="0" class="ab">

<tr>

<td><img src="../images/uslugi.png" width="251" height="131" class="menu_img" tab=1 />

<div class="links" style="position: absolute;display: none;" id=menu1>

<?php $sql->query("select id, name FROM page WHERE img3=1");

while(list($id,$name)=$sql->fetch_row())

echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></div>';

?></div>

</td>

<td width="9"></td>

<td><img src="../images/pacient.png" width="251" height="131" class="menu_img" tab=2 />

<div class="links" style="position: absolute;display: none;" id=menu2>

<?php $sql->query("select id, name FROM page WHERE img3=2");

while(list($id,$name)=$sql->fetch_row())

echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></div>';

?></div>

</td>

<td width="9"></td>

<td><img src="../images/lab.png" width="251" height="131" class="menu_img" tab=3 >

<div class="links" style="position: absolute;display: none;" id=menu3>

<?php $sql->query("select id, name FROM page WHERE img3=3");

while(list($id,$name)=$sql->fetch_row())

echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></div>';

?></div>

</td>

</tr>

</table>

Css такая:

.ab {

position: absolute;

left: 36px;

top: 272px;

}

.links{

padding-left:1px;

padding-right:3px;

padding-bottom:10px;

width:250px;

margin-top:125px;

padding-top:125px;

background:url(../images/trans.gif) top left repeat-y;

}

.menu_img{

cursor:pointer;

}

.links div{

background:#6699cc;

border:1px solid #666666;

border-top:0px;

padding:2px;

padding:2px 5px 2px 5px;

color:#ffffff;

}

.links div a{

color:#ffffff;

text-decoration:none;

}

.links div a:hover{

text-decoration:underline;

}

ну и js следующий:

$(function(){

$(".menu_img").mouseover(

function(){

$("#menu"+$(this).attr("tab")).show();

var offset = $(this).offset();

$("#menu"+$(this).attr("tab")).css('top','250px' );

$("#menu"+$(this).attr("tab")).css('left',offset.l eft+'px');

});

$(".links").hover(function(){},function(){

$(this).hide();

});

});

может укого есть идеи, может я напутал...http://doc1.glavbyha.net

[psywalker]

Ты напутал со знаниями. Меню делай на списках для начала, предварительно перечитав кучу литературы, как это делается.

[Bonzash]

<ul>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>

[gammi2]

Это не подойдет...Вы думаете я об этом не думал? спасибо!!!

[SelenIT]

1) Какое отношение имеет PHP-код к проблемам верстки?

2) Раз уж речь зашла о PHP, на кой для такой элементарщины 3 однотипных запроса? Что мешает одним запросом собрать три массива, а дальше уже крутить их как удобно?

[gammi2]

1) Какое отношение имеет PHP-код к проблемам верстки?

2) Раз уж речь зашла о PHP, на кой для такой элементарщины 3 однотипных запроса? Что мешает одним запросом собрать три массива, а дальше уже крутить их как удобно?

1. C этим согласен, PHP тут не причем, поэтому-то я и писал в ветку про CSS..

2. Не 3, а 2

И наконец, это наследство, которое приходится приводить в божеский вид...Поэтому прошу не высказываться в таких ракурсах, а подсказать пути к решению...

Спасибо!!!

[bobo]

Код из 1го поста абсолютно нечитаемый