Страница 1 из 1

Подскажите HTML код для страницы.

Добавлено: Пт фев 13, 2009 18:12
Юрий
Нужно написать код для страницы наподобие той, что на рисунке.

Слева картинки, а справа подписи к ним.

Можно ли такое сделать без таблиц, фреймов и прочего?
Спасибо!


Изображение

Добавлено: Пт фев 13, 2009 20:59
Майнез
не шарю

Добавлено: Пт фев 13, 2009 21:40
Юрий
Уже нашёл: <br clear="all">

Добавлено: Вт апр 10, 2012 22:21
Юрий
Gary,
Наверное, совсем плохо с заказами... Лужу, паяю, ЭВМ починяю... :)

Добавлено: Вс апр 15, 2012 22:35
=MIA=
Юрий писал(а):<br clear="all">
какой кошмар...хоть и давно было...но уже тогда существовали div-ы.

Добавлено: Пн апр 16, 2012 10:51
Юрий
=MIA=,
Обычный форумый ответ "пузомерного" типа. Вот, смотрите, какая я умная, мне это сделать - раз плюнуть, а вы все недалёкие, раз за всё это время никто не смог внятно ответить. Но, я не скажу, как это сделать, потому что для меня было важно только заявить о своей исключительности.

Не забываем, первый из смертных грехов в христианстве, это гордыня. Ну, а если учесть, что сейчас Пасха...

Добавлено: Пн апр 16, 2012 13:41
=MIA=
Юрий,
:lol: уже помолился?
какая исключительность...спустись с небес...
Юрий писал(а): потому что для меня было важно только заявить о своей исключительности.
Юрий писал(а):Вот, смотрите, какая я умная
не замечаешь сходства?

Добавлено: Пн апр 16, 2012 14:06
Юрий
=MIA=,
– Помолился, а что в этом такого смешного… Все мы грешники. Но, сообща проще очищаться. Так что, и Вам спасибо за то, что на слабость указали.

А код могли бы и выложить. Авось корона и не упадёт.

Добавлено: Пн апр 16, 2012 23:00
=MIA=
Юрий,
я не вижу смысла выкладывать то, что очевидно...
да и кода не так уж мало, чтоб работало под все браузеры...
и тема уже не актуальна...

а от того что я выложу код(никому не нужный) знаний у меня не прибавится, но и не убудет...

Добавлено: Вт апр 17, 2012 11:28
Юрий
=MIA=,
а от того что я выложу код(никому не нужный) знаний у меня не прибавится, но и не убудет...
Вот именно об этом я говорил. Человек просит помощи, а Вы вместо того, чтобы помочь, хвастаетесь своими познаниями. Карму не боитесь повредить? ;)

Работающий код, хотелось бы увидеть, если, конечно, он не на полстраницы, так как я до сих пор пользуюсь <br clear="all">. И если бы Вы, действительно, хотели помочь, то могли бы в этом легко убедиться, заглянув по ссылке в подписи.

Добавлено: Вт апр 17, 2012 11:46
=MIA=
Юрий,
я вижу вы повернуты на всяких кармах молитвах и прочей белиберде...
но не об этом разговор в этой теме, посему прошу избавить меня от чтения подобного...

а если ваш код работает зачем вам нужен новый? Для вашего блога и так сойдет... и выбор метода верстки зависит от того что будет рядом с примером, который вы показали в шапке темы. А для простого текста вам вполне достаточно и этого. а при верстке дивами используют обычно

Код: Выделить всё

<div class="clear"> </div>
CSS:

Код: Выделить всё

.clear{clear: both;}
или

Код: Выделить всё

.clear{clear: both; float: left; width: 100%;}

Добавлено: Вт апр 17, 2012 12:24
Юрий
=MIA=,
Спасибо!
Это по-горизонтали, а по-вертикали тоже можно текст позиционировать? Или, всё равно придётся <BR>-ами пользоваться?

Добавлено: Вт апр 17, 2012 12:51
=MIA=
Юрий,
чтоб центрировать по вертикали с помощью CSS я делаю отдельные дивы для картинки и для текста и задаю padding для блока с текстом, свойство CSS - vertical-align работает только в современных браузерах, в IE7 не работает. Возможно при использовании vertical-align потребуется display: table-cell. Так что лучше используйте <br/> и не заморачивайтесь.

Добавлено: Вт апр 17, 2012 20:18
Юрий
=MIA=,
Мне задавать отступ размером не очень удобно. Пробовал однажды, но потом отказался. Отступ разный ведь получается, так как зависит от количества текста, да и картинки тоже разные. Таблица же слишком много кода требует. Я думал, что можно как-то задать положение DIV-ами с центровкой по вертикали относительно картинки произвольного размера. То, есть без указания размеров объектов и т.д.

Будем считать инцидент исчерпанным. :)
Здоровья Вам, физического и душевного!

Добавлено: Вт апр 17, 2012 22:59
=MIA=
Юрий,
дивы используются больше для блоков информации разного типа. Для текста они не очень подходят.
Юрий писал(а):Здоровья Вам, физического и душевного!
благодарю