Модератор форума: Yuri_G |
Сообщество uCoz Архивариус Решённые вопросы Блок с привествием на главной странице (Помогите настроить блок) |
Блок с привествием на главной странице |
Всем привет!
![]() Я тут пытаюсь настроить блок на главной странице. Учитывая, что я не шарю в CSS, мне все же удалось добиться немалых успехов ![]() убрала ненужные новостные блоки с нужного места и теперь мне надо там сделать совсем простой блок с информативным приветствием, (где текст писать я тож разобралась) Помогите убрать дурацкий отступ от верха вот настройки css этого блока : Код /* REEL ------------------------------------------------------------*/ <img src="http:https://s4.ucoz.net/sm/1/wacko.gif" border="0" align="absmiddle" alt="wacko" /> #reel{ position: relative; width: 980px; height: 210px; margin-left: -20px; margin-bottom: 15px; background: url(/img/reel-back.png) no-repeat; } #reel .prev{ position: absolute; top: 85px; left: 0px; display: block; width: 45px; height: 40px; background: url(/img/reel-left.png) no-repeat; } #reel .next{ position: absolute; top: 85px; right: 0px; display: block; width: 45px; height: 40px; background: url(/img/reel-right.png) no-repeat; } #reel .prev:hover, #reel .next:hover{ background-position: 0px -40px; } #reel .slides_container{ position: absolute; overflow: hidden; top: 20px; left: 40px; width: 898px; height: 300px; } #reel .block1 { width: 898px; background: #; padding: 40px; padding-right: 900px; float: left; } Я просто никак не могу разобрать , что из всего этого является отступом от верха, или это выравнивание по центру, все равно не ясно Как сделать, чтобы текст размещался в сером блоке? если я добавляю еще одно предложение, у меня вообще все съезжает ![]() Никак не могу картинку прицепить, но на главной странице моего сайта сразу будет понятно о каком блоке речь И как убрать отступ между заголовком и текстом??? ![]() richnessfor.me <<<< МОЙ САЙТ
|
попробуйте убрать этот H6.. замените на <font size="12"> или больше 12... <h6>Мы рады приветствовать Вас на нашем сайте! В месте, где сбываются мечты!</h6> В месте, где роскошь доступна каждой!Мы рады приветствовать Вас на нашем сайте! ----------------------------------------------------------------------------------------------------------------- Я просто никак не могу разобрать , что из всего этого является отступом от верха, или это выравнивание по центру, все равно не ясно мне тоже не ясно что именно вы имеете ввиду, но в приведенном вами коде все что красное это отступы "от верха" Сообщение отредактировал Dogica - Пятница, 19 Сен 2014, 02:12:04
|
masyaeva, предоставьте ссылку на сайт и скриншот где вы хотите убрать отступ итд.
|
ссылка у меня в подписи: richnessfor.me скриншот не получается загрузить сюда, но на главной странице моего сайта сразу будет понятно о каком блоке речь
И как убрать отступ между заголовком и текстом??? ![]() там единственный серый блок с приветствием Добавлено (19 Сен 2014, 12:05:21) Добавлено (19 Сен 2014, 12:21:29) richnessfor.me <<<< МОЙ САЙТ
|
|
|
если вам нужно чтобы текст в блоке выглядел так:
![]() в CSS ищите: #reel .block1 и меняйте padding: 40px; на padding-left: 100px; padding-top: 20px; Прикрепления:
6800776.png
(85.3 Kb)
|
х сероIIul{Ys,
Короче думаю у меня косяк с тем что блок с текстом лежит в контейнере: #reel .slides_container{ <-----------контейнер position: absolute; overflow: hidden; top: 20px; left: 40px; width: 898px; height: 300px; } #reel .block1 { width: 898px; background: #; padding: 40px; padding-right: 900px; float: left; } <-------блок с текстом этих контейнеров было там три " новости", интересное на сайте" и еще чтото и я все это снесла, остались только вот эти настройки, без которых блок с текстом лежит как попало Добавлено (19 Сен 2014, 12:53:42) richnessfor.me <<<< МОЙ САЙТ
|
masyaeva, вас сложно понять... вам нужно уменьшить блок по высоте???
Добавлено (19 Сен 2014, 12:58:40) --------------------------------------------- у вас этот блок картинкой http://richnessfor.me/img/reel-back.png уменьшайте картинку в любом редакторе и изменяйте размер по изображение #reel{ position: relative; width: 980px; height: 210px; margin-left: -20px; margin-bottom: 15px; background: url(/img/reel-back.png) no-repeat; } Сообщение отредактировал IIul{Ys - Пятница, 19 Сен 2014, 13:00:49
|
в css в блоке
Цитата h1,h2,h3,h4,h5,h6{ margin-bottom: 21px; line-height: 21px; font-family: Philosopher; font-weight: 400; line-height: 1.2em; } заменить на: Цитата h1,h2,h3,h4,h5{ margin-bottom: 21px; line-height: 21px; font-family: Philosopher; font-weight: 400; line-height: 1.2em; } h6{ margin: 20px 0px 10px 0px; line-height: 21px; font-family: Philosopher; font-weight: 400; line-height: 1.2em; } То что я выделил красным изменяет параметры промежутков Люди дающие ссылку на свой сайт сразу, попадают в рай в не очереди
Сообщение отредактировал NurHasber - Пятница, 19 Сен 2014, 13:31:57
|
| |||