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



 

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

Открыть тему
Тема закрыта
> По поводу css разметки
antiblef
antiblef
Topic Starter сообщение 3.1.2011, 17:45; Ответить: antiblef
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 263
Регистрация: 22.10.2010
Поблагодарили: 44 раза
Репутация:   1  


Здравствуйте, я решил научится програмировать и верстать сайты и пока все сложно...
Вот адрес сайта где я делаю простую визитку, так для эксперимента orimaster.ru

Проблема в том, что не пойму почему в сайтбаре, все дивы объединяются... Один влазиет в другой. На сайте это все видно... Нужно чтобы задавать скажем <div>111</div> <div>222</div> и они как бы визуально отделялись на разные блоки.
Вот код сайтбара:
<p><div class="ssidebar"><h1>Скидка</h1><p> получить скидку!получить скидку!получить скидку!</p><div></p>
<p><div class="ssidebar"><h1>Заработать</h1><p> ЗаработатьЗаработатьЗаработатьЗаработать!</p><div></p>

Вот код стилей:
.header {padding: 10px;
width:800px;
}
.menu {padding: 0px 10px 0px 10px;
width:800px;
}
.footer {padding: 0px 10px 0px 10px;
width:800px;
}
.sidebar {padding: 0px 10px 0px 5px;
width:190px;
}
.content {padding: 10px;
width:580px;
}
.smenu {padding: 0px 10px 0px 5px;
background:#DEE7FE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ssidebar {padding: 0px 10px 0px 10px;
background: #E0E0E0;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
}
.ssidebar.h1 {font-size:14px
}
.sfooter {padding: 0px 10px 0px 5px;
background:#DEE7FE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


И еще один вопрос, как видно из стилей я пытался задать размер h1 в сайтбаре строчкой .ssidebar.h1 Но не получается. Как это можно сделать... Задать стиль для всех h1 не пойдет, нужно только для тех какие в сайтбаре...

Если что не пинайте в програмировании я нуб))) Только учюсь...

Сообщение отредактировал antiblef - 3.1.2011, 17:46
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BlackvsEvgen
BlackvsEvgen
сообщение 3.1.2011, 17:52; Ответить: BlackvsEvgen
Сообщение #2


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

Группа: Banned
Сообщений: 724
Регистрация: 4.11.2009
Из: Украина
Поблагодарили: 142 раза
Репутация:   15  


(antiblef @ 3.1.2011, 15:45) *
.ssidebar.h1

точку перед h1 не ставьте .ssidebar h1

Нащёт того что на лазит и.т.п. То воспользутесь плагином для Мозилы firebug он подсвечивает все блоки и там наглядно будет видно из-за какого свойства происходит баг.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zulicjan
Zulicjan
сообщение 3.1.2011, 17:55; Ответить: Zulicjan
Сообщение #3


НЕАДЕКВАТ!!!!111
******

Группа: Banned
Сообщений: 1359
Регистрация: 7.10.2008
Из: интернет
Поблагодарили: 482 раза
Репутация:   63  


<p> вызывает переход на новую строчку, т.е если хотите что-бы блоки шли один за другим, то этот тэг нужно убрать. Самый простой вариант - совмещать дивы и таблички. Я так люблю работать. Делаете каркас из таблички, а потом блоками дива корректируете что нужно

PS на сколько мне извесно, не принято в тэг p пихать еще один p.... Но не уверен.

Сообщение отредактировал Zulicjan - 3.1.2011, 17:57
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Stop-TussiN
Stop-TussiN
сообщение 3.1.2011, 18:06; Ответить: Stop-TussiN
Сообщение #4


Саповод 80 lvl
******

Группа: Active User
Сообщений: 1256
Регистрация: 10.3.2009
Из: Набережные Челны
Поблагодарили: 944 раза
Репутация:   88  


Много лишнего и ошибки. Вот код проще:

<div class="ssidebar"><h1>Скидка</h1><p> получить скидку!получить скидку!получить скидку!</p></div>
<div class="ssidebar"><h1>Заработать</h1><p> ЗаработатьЗаработатьЗаработатьЗаработать!</p></div>


h1,p {
margin:0px;
padding:0px;
}
.ssidebar {
padding: 0px 10px 0px 5px;
width:190px;
margin-bottom:15px;
}
.ssidebar h1 {
font-size:14p;
margin-bottom:5px;
}


Сообщение отредактировал Stop-TussiN - 3.1.2011, 19:41


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MobiX
MobiX
сообщение 3.1.2011, 18:14; Ответить: MobiX
Сообщение #5


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

Группа: Active User
Сообщений: 607
Регистрация: 11.7.2008
Из: Самара
Поблагодарили: 149 раз
Репутация:   17  


<div class="ssidebar"><h1>Скидка</h1><p> получить скидку!получить скидку!получить скидку!</p></div>
<div class="ssidebar"><h1>Заработать</h1><p> ЗаработатьЗаработатьЗаработатьЗаработать!</p></div>

Во так сделайте. И для div.ssidebar задайте свойство margin-bottom для регулирования расстояния между блоками.

P.S. И на будущее, не используйте на странице больше одного заголовка h1

Stop-TussiN, antiblef - не забывайте закрывающий тег </div> ;-)


--------------------
Блог: logunoff.ru
Twitter: logunoff
ICQ: 231887598


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Stop-TussiN
Stop-TussiN
сообщение 3.1.2011, 19:41; Ответить: Stop-TussiN
Сообщение #6


Саповод 80 lvl
******

Группа: Active User
Сообщений: 1256
Регистрация: 10.3.2009
Из: Набережные Челны
Поблагодарили: 944 раза
Репутация:   88  


Stop-TussiN, antiblef - не забывайте закрывающий тег </div> ;-)

опа, а я и не обратил внимания, что он открытый в конце)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
antiblef
antiblef
Topic Starter сообщение 3.1.2011, 22:20; Ответить: antiblef
Сообщение #7


Бывалый
****

Группа: User
Сообщений: 263
Регистрация: 22.10.2010
Поблагодарили: 44 раза
Репутация:   1  


Спасибо большое всем! Решил проблему... Просто не закрыл див)))

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос по поводу цен на сайте
16 WildWeb8 944 13.5.2018, 17:40
автор: genjnat
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 397 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 630 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Sonar.Network - облачный сервис поиска ошибок на сайте, валидации html, js, css
0 Tchort 985 20.4.2018, 17:53
автор: Tchort
Открытая тема (нет новых ответов) Доработка сайта html+css
2 Petechka 559 16.4.2018, 12:00
автор: ZaDrotom


 



RSS Текстовая версия Сейчас: 25.5.2018, 1:42
Дизайн