VPF::CSS и div - Форум программистов

OlexXX

Дата 5.1.2009, 21:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 19.3.2006
Где: Россия

Репутация: нет
Всего: 1

CSS:

.leftelm {float:left; }

HTML:

<div>
<img class="leftelm" src="images/1.gif">
... какой-то текст ... </div>

<div>
<img class="leftelm" src="images/2.gif">
... какой-то текст ... </div>

Блоки идут друг за другом, картинки размещаются слева, но размер блоков почему-то определяется высотой текста. Как сделать, чтобы размер блока определялся высотой картинки или текста, в зависимости от того, что из них больше? Таблицу не предлагать.

WebMast

Дата 5.1.2009, 22:06 (ссылка)

(нет голосов)

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2

OlexXX, не могли бы вы показать больше кода? А то у меня получается полная берда, и я не могу понять что вы хотите..

--------------------

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

OlexXX

Дата 5.1.2009, 22:10 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 19.3.2006
Где: Россия

Репутация: нет
Всего: 1

Мне надо, чтобы страничка состояла из блоков, в каждом из которых картинка + текст. НО нужно, чтобы блоки шли друг под другом, как строки в таблице. Хочу сделать с помощью css.

WebMast

Дата 5.1.2009, 22:30 (ссылка)

(нет голосов)

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2

А зачем вы тогда картинке присваиваете float:left? Если без него, то все норм..  Или вам нужно так:
/***********/******/
/                   /           /
/      Img       /   Text  /
/                   /           /
/***********/******/

Тогда придется верстать совсем по другому!

--------------------

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

OlexXX

Дата 5.1.2009, 22:33 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 19.3.2006
Где: Россия

Репутация: нет
Всего: 1

|****|****|
|        |text  |
| img  |____|
|        |
|____|
|****|****|
|        |text  |
| img  |____|
|        |
|____|

Да, вот так...
А как сверстать?

ksnk

Дата 5.1.2009, 23:20 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Вот, само приползло...

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

OlexXX

Дата 6.1.2009, 00:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 19.3.2006
Где: Россия

Репутация: нет
Всего: 1

Спасибо! clear:both - спасло! smile

Violator

Дата 10.1.2009, 05:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

я использую такой класс в таких случаях...
в блоке в котором есть выравнивание добавлять class="rrow"

Код


.rrow:after {
    CONTENT: ".";
    DISPLAY: block;
    HEIGHT: 0;
    CLEAR: both;
    VISIBILITY: hidden;
}
.rrow {
    DISPLAY: inline-block;
}
/* Hides from IE-mac \*/
* html .rrow {
    HEIGHT: 1%;
}
.rrow {
    DISPLAY: block;
}
/* End hide from IE-mac */

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »