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

HTML+CSS+JavaScript

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

 

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

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

тема: Обтекание картинки текстом
 
 автор: max90   (26.05.2012 в 22:11)   письмо автору
154.7 Кб
 
 

Здравствуйте. Суть проблемы такова: имеется пост с картинками. в цсс к картинкам применяется такое правило
.post img{float:left; height: auto; border:solid 1px #b0b0b0;padding:8px 8px;border-radius:5px; margin:0 10px 0 0}

При наличии большого куска текста после картинки все нормально, но если после картинки мало текста или вообще нет текста, то они (картинки) выстраиваются лесенкой и портят весь вид поста. Подскажите что поправить в цсс чтобы картинки не выстраивались в лесенку и сихранить пизиционирование текста относительно картинок. (т.е без float:left; нельзя)
Прикладываю скрин

  Ответить  
 
 автор: ЯСА   (27.05.2012 в 14:12)   письмо автору
 
   для: max90   (26.05.2012 в 22:11)
 

Трудно в данном случае объяснить...
Но я попробую.

1. Имеется средство, чтобы мебель блестела, называется "Полироль".
2. Я купил это средство и намазал себе всю мебель в квартире.
3. Всё стало здорово, кроме...
4. Ну вот не хочу я, чтобы одна из прикроватных тумбочек блестела. Но я уже её намазал.

Спрашиваю вас - "Чё мне делать теперь, а?"
-----

Ваш совет мне обратите к своей проблеме.

  Ответить  
 
 автор: bishake   (29.05.2012 в 11:37)   письмо автору
 
   для: ЯСА   (27.05.2012 в 14:12)
 

ЯСА, я честно не понимаю, Вам что ли делать нечего?
Всё решается классическим overflow: hidden, ну а лучше конечно - относительно новым ":after-content":
.post:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.post {
  *overflow: hidden;
}

  Ответить  
 
 автор: ЯСА   (29.05.2012 в 13:49)   письмо автору
 
   для: bishake   (29.05.2012 в 11:37)
 

"делать нечего" вам.
и топикстартеру.

[поправлено модератором]

  Ответить  
 
 автор: Tamplier   (29.05.2012 в 11:12)   письмо автору
 
   для: max90   (26.05.2012 в 22:11)
 

Я так понимаю сперва идет картинка, затем текст, ну а затем просто ставьте <br clear="left" />

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

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