-
Доброго времени суток!
Люди, столкнулся с такой проблемой. делаю горизонтальную менюшку. В которой при наведении на ссылку должен менять background не только ссылки, но и всей ячейки (да, ссылки лежат в дивах, а дивы в ячейках таблицы). Все нормально в IE(при наведении курсора вся ячейка заполняется картинкой), но в FireFox-е возникает такая проблема. Ширина картики background-а не привышает ширины сслыки, т.е. НЕ на всю ячейку. Уже искал решение проблемы в инете, лазил по форумам, но не нашел. Понял только что файрфокс покатывает так, как сверстал, а IE хоть и показывает хорошо, но не есть на самом деле правильно. Люди подскажите, в чем моя ошибка и как сделать чтоб на всю ячейку background распалзался.
Код следующий.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Страница</title>
<style type="text/css">
.tablemenudiv a{
text-decoration: none;
text-align:center;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #661100;
font-weight: bold;
padding-top:15px;
width:100%;
height:47px;
}
.tablemenudiv a:hover{
background:url(line_menu_active.jpg) repeat-x;
text-decoration: none;
text-align:center;
/* width:138px; */
width:100%;
height:47px;
padding-top:15px;
padding-bottom:15px;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="middle">
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Only registered and activated users can see links. Click Here To Register...]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Only registered and activated users can see links. Click Here To Register...]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Only registered and activated users can see links. Click Here To Register...]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Only registered and activated users can see links. Click Here To Register...]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Only registered and activated users can see links. Click Here To Register...]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
</tr>
</table>
</body>
</html>[COLOR=purple]
-
для начала откажитесь от таблиц. сделайте меню неупорядоченным списком.
-
Цитата:
Originally posted by Zigzag@Jun 19 2008, 17:13
для начала откажитесь от таблиц. сделайте меню неупорядоченным списком.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Думаешь поможет? Дело в том, что там еще есть одна вещь, которую я долго подгонял всякими падингами и марджинами. так что если все это перелопатить на дивы нужно еще немеряный объем работы сделать по подгонке. Так что оч. не хотелось бы выкидывать таблицы.
Или ты думешь это в таблицах вся проблема и если перейти на дивы все само собой рассосется?
-
MickQuick
я думаю, что таблицы в принципе надо выкинуть.
-
попробуй прописать для .tablemenudiv a - display: block
и можно мучиться дальше.
-
Даааа, добавил display:block; фон стал шире, НО такие пляски пошли. все разбежалось совсем.
Народ, если без отказа от таблицы, че никто не может чтоль?
-
я думаю, что всем лень разбираться в говнокоде, коим является меню на таблицах. без обид.
-
MickQuick, а че разбежалось? В твоем коде для hover прописано padding-bottom:15px, а для остальных нет.
P.S. ну и какой смысл в таблицах (в данном случае), если ты делаешь ссылки блочными элементами?
