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

HTML+CSS+JavaScript

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

 

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

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

тема: Как в данном случае задать ширину элементов?
 
 автор: amigo63   (17.03.2009 в 13:17)   письмо автору
 
 

Есть вот такой список:
<ul class="h">

<li>Название</li>
<li>Папка</li>

</ul><br>

и такой стиль к нему
.h{
    display:inline;
    width: 500px;
}
.h li{
    display:inline;
    width: 200px;
}

но правило width почему-то не работает.
Как задать ширину элементов?
Нужно, чтобы она была постоянной и не зависела от кол-ва букв в пунктах списка

  Ответить  
 
 автор: amigo63   (17.03.2009 в 13:31)   письмо автору
 
   для: amigo63   (17.03.2009 в 13:17)
 

Даже поставлю вопрос так: есть ли НЕблочные элементы, которые понимают width (кроме полей ввода)?

  Ответить  
 
 автор: AlexSol   (17.03.2009 в 13:34)   письмо автору
 
   для: amigo63   (17.03.2009 в 13:31)
 

нет

  Ответить  
 
 автор: DJ Paltus   (17.03.2009 в 14:20)   письмо автору
 
   для: amigo63   (17.03.2009 в 13:17)
 

В общем, просто пакуйте каждый кусочек текста в, скажем, <div> с фиксированной шириной и, скажем, с overflow:hidden, пусть прячет. Или пусть дисплей будет блок...

  Ответить  
 
 автор: amigo63   (17.03.2009 в 14:28)   письмо автору
 
   для: DJ Paltus   (17.03.2009 в 14:20)
 

Не совсем понял...)
Но решение нашел:

p{
    margin:0;
}
.t{
    margin:2px;
    float:left;
    width:200px;
}

<p>
<p class="t">Название</p>
<p class="t">Папка</p>
</p>

  Ответить  
 
 автор: AlexSol   (17.03.2009 в 14:58)   письмо автору
 
   для: amigo63   (17.03.2009 в 14:28)
 

<ul class="h">

<li>Название</li>
<li>Папка</li>

</ul><br>

и такой стиль к нему
.h{
display:block;
width: 500px;
}
.h li{
display:block;
width: 200px;
}

  Ответить  
Rambler's Top100
вверх

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