Jump to content

gammi2

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by gammi2

  1. 1. C этим согласен, PHP тут не причем, поэтому-то я и писал в ветку про CSS.. 2. Не 3, а 2 И наконец, это наследство, которое приходится приводить в божеский вид...Поэтому прошу не высказываться в таких ракурсах, а подсказать пути к решению... Спасибо!!!
  2. Это не подойдет...Вы думаете я об этом не думал? спасибо!!!
  3. Доброго времени суток? Столкнулся с такой проблемкой, не могу определить хак, в 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
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy