X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не могу разобраться background и картинка
Matix
Matix
Topic Starter сообщение 20.4.2011, 17:28; Ответить: Matix
Сообщение #1


Для дива определенной высоты и ширины нужно сделать логотип (картинку) и бекграунд, который идет чуть ниже див блока
[CSS]
#logo {
width:732;
height:282;
float:left;
background-image:url(img/photo.jpg);
background-repeat:no-repeat;
}
[/CSS]
<div id="logo"><img src="img/logo.png"/>
</div>

при такой ситуации бекграунд картинка (photo) сжимается под размер другой картинки (logo), а не растягивается во весь див блок (как мне надо)
Также нужно задать отступ для бекграунда от верхней части див блока.
Кто поможет решить проблему, отблагодарю 50 вмр (больше нету)
Попробовал бекграунд позишен, он делает отступ тока с левого края, даже если ставить top и т.д.
прикрепляю картинку как нужно сделать:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Malganus
Malganus
сообщение 20.4.2011, 18:18; Ответить: Malganus
Сообщение #2


<div class="aaa"> <img src="img/1.jpg" /> </div>
<div class="bbb"> </div>


[CSS]html, body {margin:0; padding:0}
.aaa {position:absolute;}
.bbb {margin: 10px 0 auto; background-color:#F00; width:100%; height:300px}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matix
Matix
Topic Starter сообщение 20.4.2011, 18:38; Ответить: Matix
Сообщение #3


Eсли применить свойство float: left, бекграунд исчезает, а ето свойство мне нужно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zabmix
zabmix
сообщение 20.4.2011, 19:12; Ответить: zabmix
Сообщение #4


[CSS]#logo {
width:732;
height:282;
float:left;
background: url(img/photo.jpg) left 10px no-repeat;
}[/CSS]
юзайте
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matix
Matix
Topic Starter сообщение 20.4.2011, 19:26; Ответить: Matix
Сообщение #5


все равно бекграунд сжимается по размерам картинки
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zabmix
zabmix
сообщение 20.4.2011, 19:29; Ответить: zabmix
Сообщение #6


может не сжимается, а обрезается?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matix
Matix
Topic Starter сообщение 20.4.2011, 22:36; Ответить: Matix
Сообщение #7


ну обрезается, суть то одна)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zabmix
zabmix
сообщение 21.4.2011, 18:17; Ответить: zabmix
Сообщение #8


нет, разная. А ты укажи размеры width:732; height:282; поболее, и будет тебе все ровно. В садике проходили расстояния и размеры? :)

ширина img/photo.jpg и есть общая ширина div'a
высота img/photo.jpg + 10px и есть общая высота div'a

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыAdobe muse: Не могу разместить нужный мне код сразу после Body
0 Evg82 3833 20.6.2020, 10:24
автор: Evg82
Открытая тема (нет новых ответов) Могу сделать регистрации в букмекерских конторах
4 extremalspeed 2632 22.1.2019, 23:08
автор: hiberok
Открытая тема (нет новых ответов) Не могу выровнять блоки по правую сторону
1 Dark_Delphin 5909 18.11.2016, 0:14
автор: -Петр Чирнов-
Открытая тема (нет новых ответов) Картинка долго грузится на слайдере
0 belissimo_world 6197 7.12.2015, 10:32
автор: -belissimo_world-
Открытая тема (нет новых ответов) помогите разобраться
0 ata_hb 5461 31.7.2015, 11:12
автор: -ata-


 



RSS Текстовая версия Сейчас: 20.4.2024, 16:15
Дизайн