Вопрос: Верстка резинового горизонтального меню
Имеется горизонтальное меню, оно резиниться по ширине, каждый пункт это ссылка с display:block; которая тоже резиниться в зависимости от длины текста.Задача: сделать так, что бы между пунктами меню было одинаковое расстояние.
Найденное решение:
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="6%"></td>
<td>item 1</td>
<td width="12%"></td>
<td>item 2</td>
<td width="12%"></td>
<td>item 3</td>
<td width="12%"></td>
<td>item 4</td>
<td width="12%"></td>
<td>item 5</td>
<td width="12%"></td>
<td>item 6</td>
<td width="12%"></td>
<td>item 7</td>
<td width="12%"></td>
<td>item 8</td>
<td width="6%"></td>
</tr>
</tbody>
</table>
Сделал в коде список ul, потом с помощью JS заменяю его на таблицу, где динамически к пустым ячейка высчитывается ширина.
Вопрос
Как реализовать то же самое без JS ? ну или хотя бы без таблицы?
Почитайте статью "Какой расклад?" - там есть ссылки на нужные документы.
P.S. Если ширина блоков настраивается автоматом, то таблица вам не нужна - используйте свойство float в комбинации с margin/padding.