Показать сообщение отдельно
Старый 26.03.2007, 22:28
Chas вне форума Посмотреть профиль Отправить личное сообщение для Chas Посетить домашнюю страницу Chas Найти все сообщения от Chas
  № 1  
Ответить с цитированием
Chas
 
Аватар для Chas

Регистрация: Sep 2002
Адрес: simferopol
Сообщений: 981
Отправить сообщение для Chas с помощью ICQ
По умолчанию горизонтальное меню списком на всю ширину

вопрос такой.
как сделать горизонтальное меню списком, которое растягивалось на всю ширину экрана?
т.е. есть,например, список и стиль:

Код:
<div class="m2">
  <ul>
    <li><a href="#">Item1</a></li>
	<li><a href="#">Item2</a></li>
	<li><a href="#">Item3</a></li>
  </ul>
</div>  

<style>
.m2 ul {
list-style:none;
padding:0;
margin:0;
width:100%;
}

.m2 ul li {
display:inline;
margin:2px; padding:4px; background:#FF0000;
width:100%;
}
</style>
(код выдуман из головы за пять секунд, но ручаюсь, что он выглядит как горизонтальный список)
Как заставить эту недоменюшку растянутся на всю ширину свободного пространства, ну, т.е. заставить выглядить, примерно так
Код:
<table width="100%" border="0" cellspacing="4" cellpadding="2">
  <tr>
    <td bgcolor="#FF0000"><a href="#">Item1</a></td>
    <td bgcolor="#FF0000"><a href="#">Item2</a></td>
    <td bgcolor="#FF0000"><a href="#">Item3</a></td>
  </tr>
</table>
ну это я просто пытаюсь прошарить в верстке стилями и переписать свои некоторые старые вещи под такую верстку.
__________________
~
Never trouble trouble till trouble troubles you!