Вставка картинки.

[LOLA1111]

Всем привет!

У меня два глупых вопроса

Вопрос 1: У меня не получается вставить ДВЕ картинки РЯДОМ!

Пишу вот так:

<H5>Подмосковье</H5><img src="images/88.jpg" width="200" height="150">

<H5>Краснодарский край</H5><img src="images/55.jpg" width="200" height="150">

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

Вопрос 2: И слово "Подмосковье" у меня получается НАД (или ПОД) картинкой, а я хочу, чтобы оно было НА картинке.

Как это осуществить? Что нужно сделать?

Всем спасибо.

[onqu]

Можно таблицей.

Можно еще так:

<H5 style="display:inline-block; width:200px; height:200px; background: url(images/88.jpg); text-align: center;zoom:1;*display:inline;">Подмосковье</H5>

<H5 style="display:inline-block; width:200px; height:200px; background: url(images/55.jpg); text-align: center;zoom:1;*display:inline;">Краснодарский край</H5>

Еще так:

<H5 style="display:block; float:left; width:200px; height:200px; background: url(images/88.jpg); text-align: center;">Подмосковье</H5>

<H5 style="display:block; float:left; width:200px; height:200px; background: url(images/55.jpg); text-align: center;">Краснодарский край</H5>

<p style=" clear:left;"><p>

И еще кучи способов есть...

[Victor Ananiev]

вроде это список, а списки UL. В крайнем случае H5 на спан заменить...

[lancer]

Я придерживаюсь мнения, что заголовочные теги могут вкладываться в <li></li> только в том случае, если каждый отдельный <li> может быть заголовоком страницы или ее раздела. И при этом они расположены списком. Пример: главное меню сайта, в нем каждый отдельный <li> является заголовком для своей страницы.

Иначе, я верстаю это либо просто списком, либо просто заголовками.

Города бы я сверстал все же в <ol></ol>, а не в <ul></ul>, так как это хоть и не нумерованный, но упорядоченный по алфавиту список. Но тут уже дело предпочтений.

Edited May 6, 2009 by lancer

[LOLA1111]

Всем спасибо за ответы.

onqu, делала как вы написали, все получилось, но теперь размеры картинки никак подобрать не могу! , если ширину и высоту уменьшить, картинки полностью не видно, а если увеличить,то картинка слишком большая — не одно, так другое!

А вообще, я хочу, чтобы было как на этом сайте ( http://www.delfin-tour.ru/ ).

Видите, там стоят картинки рядом с друг другом, а на них города- ссылки.

Вот такого результата я хочу добиться!

[Victor Ananiev]

Какая разница, это список, а как он оформлен это уже другое дело, хотя я с семантикой не особо дружу...

[lancer]

Какая разница, это список, а как он оформлен это уже другое дело, хотя я с семантикой не особо дружу...

Victor, форматирование текста заголовками — это синтаксическое(семантическое) форматирование, но никак не оформительское.

Да и вообще за оформление должно отвечать только CSS. (Не затрагиваем тему отключенных CSS, поскольку, тогда оформления впринципе нет никакого, кроме как элементарно логического)

LOLA1111, выложите архив с вашей версткой и скажите, что у вас не получается в вашей верстке. Пока что ничего не понятно.

Edited May 6, 2009 by lancer

[Victor Ananiev]

Victor, форматирование текста заголовками — это синтаксическое(семантическое) форматирование, но никак не оформительское.

Я имел ввиду цифровой и маркерованый список. Есть ли разница, если потом все равно будем применять list-style-type:none; ?

[psywalker]

LOLA1111 Короче:

то, что вы хотите получить, делается на списках

1) Каждому li назначается Ширина, Высота и Фон

2) Каждый li получает обтекание слева : float: left; и отступы от соседних li

3) Уже потом в каждом li пишется текст, или что вы там хотите

4) ВСЁ!!!

Кстати на том сайте это делается таблицей и каждый квадрат с текстом - это ячейка, но это по моему мнению не удобно,много лишних элементов, и труднее управлять всей этой конструкцией, лучше делать списком всёже, как я написал

Edited May 6, 2009 by psywalker

[LOLA1111]

LOLA1111 Короче:

то, что вы хотите получить, делается на списках

1) Каждому li назначается Ширина, Высота и Фон

2) Каждый li получает обтекание слева : float: left; и отступы от соседних li

3) Уже потом в каждом li пишется текст, или что вы там хотите

4) ВСЁ!!!

Кстати на том сайте это делается таблицей и каждый квадрат с текстом - это ячейка, но это по моему мнению не удобно,много лишних элементов, и труднее управлять всей этой конструкцией, лучше делать списком всёже, как я написал

Списком не получается да и не устривают меня эти списки!!

И делаю я таблицей. И таблица в 2 строки. Первая строка--шапка, а во вторую строку я хотела вставить эти картинки-квадратики.

Но ничего не получается и объяснить конкретно никто не может.

Я не могу вникнуть и понять логику.

Ладно, не буду Вас всех больше мучать, брошу я эту затею, а просто создам меню с ссылками, без всяких там картинок. Вот и все.

Всем спасибо!

[psywalker]

LOLA1111

Не нервничай дружище, я тебе сделаю в двух вариантах, и таблицей и списком, может чуть позже, а может завтра, потерпи немного)))

Я не могу вникнуть и понять логику.

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

Вот смотри вобщем, тут Два варианта, Таблицей и Списком: http://psywalker.ru/table-div/

Edited May 6, 2009 by psywalker

[LOLA1111]

psywalker

Спасибо.

Сейчас буду разбираться...что к чему и почему.