VPF::Расстояние между дивами. - Форум программистов

SneG0K

Дата 13.8.2009, 18:33 (ссылка)

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

Загрузка ...

Max Mara

Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

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

Код


<div class="brand_div"><a href="index.php?op=brands&sec=show&id={ $item.id }">
    <img src="core/pictures/brand_bg.gif" class="brand_bg" width="177" height="57"/>
    <img src="core/pictures/brands/{ $item.pic }" title="{ $item.title }" class="brand_pic"/>
</a></div>

Есть вот так две картинки.
С помощью CSS делаю чтобы одна была поверх другой

Код


.brand_bg {
    border: none;
    width: 75%;
    overflow: hidden;
}

.brand.div {
    overflow: hidden;
    height: 57px;
}

.brand_pic {
    border: 1px dotted #000000;
    position: relative;
    left: +50px;
    top: -55px;
}

Но в итоге, если таких блока два или больше, то

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

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

Спасибо.

Это сообщение отредактировал(а) SneG0K - 13.8.2009, 18:40

bars80080

Дата 13.8.2009, 20:57 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

у тебя опечатка .brand.div вместо .brand_div
и ты умудрился задать обоим картинкам один класс. они вместе подчиняются правилу в нём

я б сделал так:

Код


.brand_div { position: relative; }
#image2 { position: absolute; left: 0px; top: 0px; }

#image2 - id второй картинки

SneG0K

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

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

Загрузка ...

Max Mara

Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

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

bars80080, а если картинок 20? под каждую писать класс?

Добавлено через 59 секунд
bars80080, принципе очепятка спасла ситуацию)

bars80080

Дата 14.8.2009, 00:40 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

Цитата(SneG0K @ 13.8.2009, 21:21

)

а если картинок 20? под каждую писать класс?

нет, надо просто грамотно сформулировать задачу

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