Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Табличные дела DIV'ами
 
 автор: aseo   (21.04.2008 в 16:25)   письмо автору
 
 

Привет.
Вот такой вопросик возник:
Предположим, нужно сверстать последовательность горизонтально расположенных (подряд) элементов (наример, элементов меню). Таблицами это делается элементарно.
В случае же, когда я хочу обойтись дивами, я прописываю для элементов меню float:left. Тогда дивы выстраиваются в одну линию (с переносом, если строка заполнилась).
Можете ли вы припомнить еще методы, возможно более правильные? Насколько я помню display:table-cell работает не везде. Возможно есть еще варианты?

   
 
 автор: mechanic   (21.04.2008 в 16:50)   письмо автору
 
   для: aseo   (21.04.2008 в 16:25)
 

<style>
ul,
li {
  float:left;
  list-style:none;
  margin:0; padding:0;
}

/* вид */

li {
  padding:2px 10px;
  font:Bold Small Tahoma;
  background:#35C; color:white;
  border:solid 1px; border-color:#46F #238 #238 #46F;
}

a {
  color:white; text-decoration:none;
}
ul {
    white-space:nowrap;
}
</style>
<body>

<ul>
  <li><a href="/">Начало</a></li>
  <li><a href="catalog/">Каталог</a></li>
  <li><a href="basket/">Корзина</a></li>
  <li><a href="help/">Справка</a></li>
</ul>

взято отсюда http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/

   
 
 автор: aseo   (21.04.2008 в 16:53)   письмо автору
 
   для: mechanic   (21.04.2008 в 16:50)
 

По сути это то же самое решение)

   
 
 автор: AlexSol   (21.04.2008 в 17:13)   письмо автору
 
   для: aseo   (21.04.2008 в 16:53)
 

оно используется в 95%

   
 
 автор: aseo   (21.04.2008 в 17:36)   письмо автору
 
   для: AlexSol   (21.04.2008 в 17:13)
 

Спасибо.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования