Форум Сайтостроение Веб-строительство

Дайте совет по html и css

Александр
На сайте с 17.08.2009
Offline
110
Александр
590

Доброго времени суток.

Сильно не пинайте, в верстке я мало разбираюсь,

есть сайт, где изображение с лева а текст с права,

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

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

вот код :

<div class="c-left">

<div class="good-bg-1">Изображение</a></div>

</div>

<div class="c-right">Текст</div>

таблица стилей

.c-left, .c-right {float: left;}

.c-left {width: 150px;}

.c-right { padding-top: 14px; width:600px; margin-left:40px}

.good-bg-1 {background: url(../imgs/bg-door-1.png) no-repeat; width: 200px; height: 351px; padding: 25px 0 0 30px;}

если делаю так, то текст уходит вниз под изображение.

<div class="c-left">

<div class="good-bg-1">Изображение</div>

<div class="good-bg-1">Изображение</div>

</div>

<div class="c-right">Текст</div>

если убираю class="c-right", то текст налазит на изображение.

Предполагаю нужно новый стиль создать, посоветуйте что сделать.

KV
На сайте с 22.12.2011
Offline
88
K_V_S
#1

Попробуйте вначале в строке <div class="good-bg-1">Изображение</a></div> убрать "</a>" или же добавить открывающий тэг, возможно в этом дело.

Как бы на тебя ни давили, никогда не соглашайся на роль, что тебе не нравится *** http://handmade.tigress.com.ua
Александр
На сайте с 17.08.2009
Offline
110
Александр
#2
K_V_S:
Попробуйте вначале в строке <div class="good-bg-1">Изображение</a></div> убрать "</a>" или же добавить открывающий тэг, возможно в этом дело.

Не в этом деле, просто я не вырезал </a>, там у меня изображение-ссылка

Sergiko
На сайте с 11.03.2011
Offline
77
Sergiko
#3

А переносить строку в одном div'е не пробовали? Примерно так:

<div class="good-bg-1">Изображение1<br>Изображение2</div>

KV
На сайте с 22.12.2011
Offline
88
K_V_S
#4

А задать обертку и дать ей min-width и width?

Александр
На сайте с 17.08.2009
Offline
110
Александр
#5
Sergiko:
А переносить строку в одном div'е не пробовали? Примерно так:
<div class="good-bg-1">Изображение1<br>Изображение2</div>

пробовал, тогда нижнее изображение без рамки получается (class="good-bg-1" задает рамку изо.) и текст все равно вниз уходит.

---------- Добавлено в 13:45 ---------- Предыдущее сообщение было в 13:36 ----------

K_V_S:
А задать обертку и дать ей min-width и width?

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

Создавать стили для меня сложно, я никогда этим не занимался.

wwwwww
На сайте с 29.04.2011
Offline
195
wwwwww
#6
dverprom:
пробовал, тогда нижнее изображение без рамки получается (class="good-bg-1" задает рамку изо.) и текст все равно вниз уходит.

Ссылку дайте не страницу. Из Вашего примера ничего не понятно.

Видишь? Свободная подпись.
KV
На сайте с 22.12.2011
Offline
88
K_V_S
#7

#wrapper {min-width: 790px; width: 790px} /*или сколько там сейчас дают для 800*600? */

.c-left, .c-right {float: left;}

.c-left {width: 150px;}

.c-right { padding-top: 14px; width:600px; margin-left:40px}

<div id="wrapper">

<div class="c-left">

<div class="good-bg-1"><img src="images/img.jpg"></div>

<div class="good-bg-1"><img src="imges/img1.jpg"></div>

</div>

<div class="c-right">Текст</div>

</div>

как-то так

Александр
На сайте с 17.08.2009
Offline
110
Александр
#8
wwwwww:
Ссылку дайте не страницу. Из Вашего примера ничего не понятно.

http://www.dverprom.ru/ekonom/gladkii_shpon.html

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий