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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Убрать отступ головы от контента
Ramster
Ramster
Topic Starter сообщение 16.6.2009, 16:29; Ответить: Ramster
Сообщение #1


Проблему можно посмотреть на сайте - http://slam-basket.ru/ через любой браузер.
Голова (где баскетболист) имеет отступ от контента, как его убрать? Отступ есть в любом браузере. Вот верхняя часть кода CSS, скорее всего проблемы в отрезке кода: header, хотя не уверен. Профессионалы, разберитесь, кто может, пожалуйста! Буду очень благодарен!

/* General Style */
a img {
border:0;
}
body {background:url('/.s/t/903/1.gif') center repeat-y #000000; margin:0px; padding:0px;}
#content {background-color:#000000;width:100%;margin-left:auto;margin-right:auto;}
#header {background:url('http://s56.radikal.ru/i153/0905/34/e1a7c6a408f0.jpg') no-repeat;height:152px;color:#FFFFFF;font-size:20pt;font-weight:bold;padding-top:150px;text-align:left; padding-left:400px;}
*html #header {height:302px !important;}
#dataBar {border-top:1px solid #4D1C00;border-bottom:1px solid #4D1C00;height:25px;margin-top:10px;margin-bottom:10px;font-size:7pt;color:#903400;}
#navBar {float:left;padding-top:5px;}
#loginBar {float:right;padding-top:5px;}
.boxTable {width:200px;#000000;margin-bottom:5px;border-bottom:1px solid #FF4A00;}
.boxTitle {padding:10px;color:#FF4A00;text-align:center;font-weight:bold;}
.boxContent {padding:5px;background:url('/.s/t/903/6.gif') bottom no-repeat;}
#footer {height:55px;background:url('/.s/t/903/2.jpg') center no-repeat #DD3800;color:#FFFBD7;}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 16.6.2009, 18:14; Ответить: Apay
Сообщение #2


у #header слишком большой отступ, сделать padding-top:20px;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ramster
Ramster
Topic Starter сообщение 16.6.2009, 19:37; Ответить: Ramster
Сообщение #3


(Apay @ 16.6.2009, 21:14) *
у #header слишком большой отступ, сделать padding-top:20px;


Ничего не меняется. Задавал любые значения, ничего не менялось.
Может дело в чём то другом?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 16.6.2009, 20:00; Ответить: Apay
Сообщение #4


поставил
#header { padding-top: 73px; }
#dataBar { margin-top: 0; }

и между баскетболистом и линией черноты не осталось
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ramster
Ramster
Topic Starter сообщение 17.6.2009, 0:03; Ответить: Ramster
Сообщение #5


(Apay @ 16.6.2009, 23:00) *
поставил
#header { padding-top: 73px; }
#dataBar { margin-top: 0; }

и между баскетболистом и линией черноты не осталось


:goodpost:Спасибо огромное! Помогло! На много лучше стало!:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ramster
Ramster
Topic Starter сообщение 17.6.2009, 0:19; Ответить: Ramster
Сообщение #6


Плин, в IE отступ остался((( А в Опере и ФФ норм...можно ли как то в IE убрать его?
Возможно, можно всё уладить если изображение было бы другого размера. Если можно скажите какого, мне нарисовать не лень...

И кстати в IE ещё отступ есть от новостей, его бы тоже надо убрать, но это позже думаю...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 17.6.2009, 10:55; Ответить: Apay
Сообщение #7


вставьте doctype и в самом конце header
<!--[if IE]>
<style type="text/css">
#header { height:225px; }
</style>
<![endif]--
>
у меня так заработало
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ramster
Ramster
Topic Starter сообщение 17.6.2009, 13:50; Ответить: Ramster
Сообщение #8


Apay, покажите пожалуйста в коде куда вставлять?

/* General Style */
a img {
border:0;
}
body {background:url('/.s/t/903/1.gif') center repeat-y #000000; margin:0px; padding:0px;}
#content {background-color:#000000;width:100%;margin-left:auto;margin-right:auto;}
#header {background:url('http://s56.radikal.ru/i153/0905/34/e1a7c6a408f0.jpg') no-repeat;height:152px;color:#FFFFFF;font-size:20pt;font-weight:bold;padding-top:150px;text-align:left;  padding-left:400px;}
*html #header {height:302px !important;}
#dataBar {border-top:1px solid #4D1C00;border-bottom:1px solid #4D1C00;height:25px;margin-top:10px;margin-bottom:10px;font-size:7pt;color:#903400;}
#navBar {float:left;padding-top:5px;}
#loginBar {float:right;padding-top:5px;}
.boxTable {width:200px;#000000;margin-bottom:5px;border-bottom:1px solid #FF4A00;}
.boxTitle {padding:10px;color:#FF4A00;text-align:center;font-weight:bold;}
.boxContent {padding:5px;background:url('/.s/t/903/6.gif') bottom no-repeat;}
#footer {height:55px;background:url('/.s/t/903/2.jpg') center no-repeat #DD3800;color:#FFFBD7;}


И где находиться вообще doctype?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 17.6.2009, 15:35; Ответить: Apay
Сообщение #9


все это вставляется не в css а в html
перед строчкой <html> вставить
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
перед строчкой </head> вставить
<!--[if IE]>
<style type="text/css">
#header { height:225px; }
</style>
<![endif]--
>
если что - поиграть с height и padding для #header, но уже внутри последней конструкции
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ramster
Ramster
Topic Starter сообщение 17.6.2009, 21:37; Ответить: Ramster
Сообщение #10


Apay, дело в том, что сайт работает на uCoz, а там все html шаблоны для каждых модулей отдельны: для форума, блога, новостей и т.д.
Нельзя решить эту проблему силам CSS?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыA-Parser 1.1 - продвинутый парсер ПС, кейвордов, контента, показателей, 70+ парсеров.
352 Forbidden 278192 21.3.2024, 14:38
автор: AParser_Support
Открытая тема (нет новых ответов) Дайте бесплатного контента! :)
2 Tia2 984 22.12.2023, 18:53
автор: zyzy
Горячая тема (нет новых ответов) Занимаюсь добычей качественного контента из Вебархива. Опыт уже более трех лет
Предоставляю только качественный, читабельный контент.
62 kuz999 37957 27.7.2023, 13:55
автор: kuz999
Открытая тема (нет новых ответов) Ищу помощника (SEO, сбор информации, размещение контента на сайтах, рутина)
0 rokot 815 8.2.2023, 18:35
автор: rokot
Открытая тема (нет новых ответов) Плагин для Wordpress. Вывод контента в зависимости от страны пользователя.
8 neuch 2266 19.9.2022, 7:51
автор: neuch


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:58
Дизайн