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



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Помощь с CSS
hybrid
hybrid
Topic Starter сообщение 27.2.2012, 1:20; Ответить: hybrid
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 649
Регистрация: 29.6.2010
Поблагодарили: 127 раз
Репутация:   23  


Есть картинка, которую разрезал на шесть частей, а вот собрать не могу. Всё элементы выравниватьются в одну колонку. Пытался использовать float:left и display: inline, но вместо выравнивания или отмены переноса фон вообще исчезает. Как быть? Кто подскажет?

Нужно сделать чтобы каждая вторая картинка в стилях не переносилась. smile.gif



#zul {
background : url(../images/zul.jpg) no-repeat;
height : 120px;
}

#zur {
background : url(../images/zur.jpg) no-repeat;
height : 120px;
}

#zcl {
background : url(../images/zcl.jpg) no-repeat;
height : 120px;
}

#zcr {
background : url(../images/zcr.jpg) no-repeat;
height : 120px;
}

#zdl {
background : url(../images/zdl.jpg) no-repeat;
height : 120px;
}

#zdr {
background : url(../images/zdr.jpg) no-repeat;
height : 120px;
}


    <div id="header">
        <div id="zul"></div>
        <div id="zur"></div>
        <div id="zcl"></div>
        <div id="zcr"></div>
        <div id="zdl"></div>
        <div id="zdr"></div>        
    </div><!-- #header-->
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DertyML
DertyML
сообщение 27.2.2012, 1:41; Ответить: DertyML
Сообщение #2


Новичок
*


Группа: User
Сообщений: 23
Регистрация: 9.10.2011
Поблагодарили: 2 раза
Репутация:   0  


А почему ширина не задана?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jafte
jafte
сообщение 27.2.2012, 1:47; Ответить: jafte
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 56
Регистрация: 27.9.2011
Из: Самара
Поблагодарили: 11 раз
Репутация:   1  


Для боков необходимо задавать ширину и высоту, иначе без контента внутри их ширина будет равной 0.

и почему не сделать так?

    <div id="header">
       <div class="row">
         <div id="zul"></div>
         <div id="zur"></div>
       </div>
       <div class="row">
         <div id="zcl"></div>
         <div id="zcr"></div>
       </div>
       <div class="row">
         <div id="zdl"></div>
         <div id="zdr"></div>        
       </div>
    </div><!-- #header-->


Сообщение отредактировал jafte - 27.2.2012, 1:50


--------------------
Литературная Анархия для души и тела.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hybrid
hybrid
Topic Starter сообщение 27.2.2012, 1:47; Ответить: hybrid
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 649
Регистрация: 29.6.2010
Поблагодарили: 127 раз
Репутация:   23  


DertyML, потому что до этого не дошел ещё. Нужно в первую очередь разобраться с той проблемой которую указал.

jafte, если бы ширина было равна 0, то у меня бы фоновые картинки не отобразились. Дело не в этом.

Сообщение отредактировал hybrid - 27.2.2012, 1:56
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jafte
jafte
сообщение 27.2.2012, 1:59; Ответить: jafte
Сообщение #5


Частый гость
**

Группа: User
Сообщений: 56
Регистрация: 27.9.2011
Из: Самара
Поблагодарили: 11 раз
Репутация:   1  


(hybrid @ 27.2.2012, 0:47) *
jafte, если бы ширина было равна 0, то у меня бы фоновые картинки не отобразились. Дело не в этом.


Я говорю про флоаты, когда вы задаете флоаты, то нужно задавать и ширину и высоту. В предложенном выше варианте задать float:left блокам внутри row и ширину.


--------------------
Литературная Анархия для души и тела.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hybrid
hybrid
Topic Starter сообщение 27.2.2012, 2:09; Ответить: hybrid
Сообщение #6


Завсегдатай
*****

Группа: Active User
Сообщений: 649
Регистрация: 29.6.2010
Поблагодарили: 127 раз
Репутация:   23  


jafte, помогло. Вопрос закрыт.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 388 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 612 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Нужна помощь в поиске плагина для WP
Для создания каталога
3 Frankie 830 25.4.2018, 21:20
автор: Frankie
Открытая тема (нет новых ответов) Sonar.Network - облачный сервис поиска ошибок на сайте, валидации html, js, css
0 Tchort 982 20.4.2018, 17:53
автор: Tchort
Открытая тема (нет новых ответов) Скорая помощь для ваших сайтов - Wordpress, DLE, Joomla, Drupal
Любые виды работ, профессионально, оперативно, не дорого.
15 wturm 3740 20.4.2018, 14:34
автор: Black_Mag


 



RSS Текстовая версия Сейчас: 20.5.2018, 20:08
Дизайн