 |
|
Модераторы: Illuminaty |
 
|
|
как сделать чтобы блок div налазил на картинку 
| sgustok |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 6 Регистрация: 6.9.2008 Репутация: нет Всего: нет |
Подскажите пожалуйста, как сделать чтобы блок div (Блок, который должен налазить на картинку) налазил на картинку?
Код:
СЕЙЧАС:  НЕОБХОДИМО:  |
|||
|
||||
Загрузка ...
| Violator |
|
|||
|
Бывалый  Профиль Группа: Участник Сообщений: 234 Регистрация: 10.1.2009 Репутация: 15 Всего: 15 |
|
|||
|
||||
| sgustok |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 6 Регистрация: 6.9.2008 Репутация: нет Всего: нет |
thx) помогло
|
|||
|
||||
| K1ng |
|
|||
 Шустрый Профиль Группа: Участник Сообщений: 76 Регистрация: 7.8.2008 Где: Украина -> Хар ьков Репутация: нет Всего: нет |
А мне больше нравится <img src="#" style="margin:-20px;"/>
И атрибут style, кажется уже нигде не используется... |
|||
|
||||
| Violator |
|
|||
|
Бывалый Профиль Группа: Участник Сообщений: 234 Регистрация: 10.1.2009 Репутация: 15 Всего: 15 |
K1ng,
наверное margin-top 1) в этом случае без z-index рисунок будет отображаться поверх блока с текстом 2) если блок с текстом будет резиновым по высоте, то вы не сможете указать margin-top 3) атрибут style используется, но лучше все стили прописывать в css-файле |
|||
|
||||
| K1ng |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 76 Регистрация: 7.8.2008 Где: Украина -> Хар ьков Репутация: нет Всего: нет |
Violator,
вообщето { margin-right: -20px; } 1) Если теги img и div поменять местами, то z-index отпадает... (я им редко пользуюсь) Только когда приходится писать CSS под уже готовую разметку... 2) Во-первых, верхнее поле нам не особо нужно, во-вторых, почему это не смогу? Совместно с блоком текста легко можно поднять картинку margin-ом! =) 3) Я вроде читал когда-то что в 3-ем уберут его из спецификации... Только в моем варианте нужно обеим тегам задать значение дисплая - инлайн, поменять местами(уже упоминал) и (желательно) задать фиксированную ширину... Мне просто это больше нравится чем позиционирование... |
|||
|
||||
| Violator |
|
|||
|
Бывалый Профиль Группа: Участник Сообщений: 234 Регистрация: 10.1.2009 Репутация: 15 Всего: 15 |
K1ng,
буду признателен за приведенный вами код... |
|||
|
||||
| K1ng |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 76 Регистрация: 7.8.2008 Где: Украина -> Хар ьков Репутация: нет Всего: нет |
<html><head>
<style type="text/css"> * { margin: 0; border: 0; padding: 0; } #qDIV { display: inline; background-color: #ff99ff; } #qIMG { float: left; margin-right: -20px; } </style> </head><body> <img src="rrr.jpg" id="qIMG" /> <div id="qDIV">Это типа у нас блок текста...</div> </body></html> как-то так... |
|||
|
||||
| Violator |
|
|||
|
Бывалый Профиль Группа: Участник Сообщений: 234 Регистрация: 10.1.2009 Репутация: 15 Всего: 15 |
K1ng,
неужели текст будет переносится в блоке с дисплей инлайн? да и в ИЕ не совсем все хорошо. Это сообщение отредактировал(а) Violator - 21.6.2009, 00:26 |
|||
|
||||
|
|
| 1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0800 ] [ Использовано запросов: 20 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |