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

Тонкости дизайнерского искусства

Модератор: Laur-Balaur

Ответить
Аватара пользователя
Юрий
Старожил
Сообщения: 1072
Зарегистрирован: Вс окт 12, 2003 19:49
Откуда: Кишинёв
Контактная информация:

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

Сообщение Юрий »

Нужно написать код для страницы наподобие той, что на рисунке.

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

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


Изображение

Аватара пользователя
Майнез
Продвинутый
Сообщения: 778
Зарегистрирован: Пн янв 07, 2008 04:36
Откуда: Нордус
Контактная информация:

Сообщение Майнез »

не шарю

Аватара пользователя
Юрий
Старожил
Сообщения: 1072
Зарегистрирован: Вс окт 12, 2003 19:49
Откуда: Кишинёв
Контактная информация:

Сообщение Юрий »

Уже нашёл: <br clear="all">

Аватара пользователя
Юрий
Старожил
Сообщения: 1072
Зарегистрирован: Вс окт 12, 2003 19:49
Откуда: Кишинёв
Контактная информация:

Сообщение Юрий »

Gary,
Наверное, совсем плохо с заказами... Лужу, паяю, ЭВМ починяю... :)

Аватара пользователя
=MIA=
Отец
Сообщения: 4635
Зарегистрирован: Сб июл 02, 2005 15:25
Откуда: Кишинев
Контактная информация:

Сообщение =MIA= »

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

Аватара пользователя
Юрий
Старожил
Сообщения: 1072
Зарегистрирован: Вс окт 12, 2003 19:49
Откуда: Кишинёв
Контактная информация:

Сообщение Юрий »

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

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

Аватара пользователя
=MIA=
Отец
Сообщения: 4635
Зарегистрирован: Сб июл 02, 2005 15:25
Откуда: Кишинев
Контактная информация:

Сообщение =MIA= »

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

Аватара пользователя
Юрий
Старожил
Сообщения: 1072
Зарегистрирован: Вс окт 12, 2003 19:49
Откуда: Кишинёв
Контактная информация:

Сообщение Юрий »

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

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

Аватара пользователя
=MIA=
Отец
Сообщения: 4635
Зарегистрирован: Сб июл 02, 2005 15:25
Откуда: Кишинев
Контактная информация:

Сообщение =MIA= »

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

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

Аватара пользователя
Юрий
Старожил
Сообщения: 1072
Зарегистрирован: Вс окт 12, 2003 19:49
Откуда: Кишинёв
Контактная информация:

Сообщение Юрий »

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

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

Аватара пользователя
=MIA=
Отец
Сообщения: 4635
Зарегистрирован: Сб июл 02, 2005 15:25
Откуда: Кишинев
Контактная информация:

Сообщение =MIA= »

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

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

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

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

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

.clear{clear: both;}
или

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

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

Аватара пользователя
Юрий
Старожил
Сообщения: 1072
Зарегистрирован: Вс окт 12, 2003 19:49
Откуда: Кишинёв
Контактная информация:

Сообщение Юрий »

=MIA=,
Спасибо!
Это по-горизонтали, а по-вертикали тоже можно текст позиционировать? Или, всё равно придётся <BR>-ами пользоваться?

Аватара пользователя
=MIA=
Отец
Сообщения: 4635
Зарегистрирован: Сб июл 02, 2005 15:25
Откуда: Кишинев
Контактная информация:

Сообщение =MIA= »

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

Аватара пользователя
Юрий
Старожил
Сообщения: 1072
Зарегистрирован: Вс окт 12, 2003 19:49
Откуда: Кишинёв
Контактная информация:

Сообщение Юрий »

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

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

Аватара пользователя
=MIA=
Отец
Сообщения: 4635
Зарегистрирован: Сб июл 02, 2005 15:25
Откуда: Кишинев
Контактная информация:

Сообщение =MIA= »

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

Ответить

Вернуться в «Дизайн и Графика»