• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Yuri_G  
Сообщество uCoz » Архивариус » Решённые вопросы » Блок с привествием на главной странице (Помогите настроить блок)
Блок с привествием на главной странице
masyaeva
Сообщений: 46
Репутация: 0

Сообщение # 1 | 23:42:43
Всем привет!
Я тут пытаюсь настроить блок на главной странице.
Учитывая, что я не шарю в CSS, мне все же удалось добиться немалых успехов kiss ,
убрала ненужные новостные блоки с нужного места и теперь мне надо там сделать совсем простой блок с информативным приветствием, (где текст писать я тож разобралась)

Помогите убрать дурацкий отступ от верха

вот настройки 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;
}

Я просто никак не могу разобрать , что из всего этого является отступом от верха, или это выравнивание по центру, все равно не ясно
Как сделать, чтобы текст размещался в сером блоке?
если я добавляю еще одно предложение, у меня вообще все съезжает sad то, что под блоком

Никак не могу картинку прицепить, но на главной странице моего сайта сразу будет понятно о каком блоке речь
И как убрать отступ между заголовком и текстом??? surprised

richnessfor.me <<<< МОЙ САЙТ
Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 2 | 02:11:25
Цитата masyaeva ()
И как убрать отступ между заголовком и текстом???

попробуйте убрать этот H6.. замените на <font size="12"> или больше 12...

<h6>Мы рады приветствовать Вас на нашем сайте! В месте, где сбываются мечты!</h6> В месте, где роскошь доступна каждой!Мы рады приветствовать Вас на нашем сайте!
-----------------------------------------------------------------------------------------------------------------
Цитата masyaeva ()
Я просто никак не могу разобрать , что из всего этого является отступом от верха, или это выравнивание по центру, все равно не ясно

мне тоже не ясно что именно вы имеете ввиду, но в приведенном вами коде все что красное это отступы "от верха"



WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал Dogica - Пятница, 19 Сен 2014, 02:12:04
masyaeva
Сообщений: 46
Репутация: 0

Сообщение # 3 | 11:47:43
Dogica, я пробовала менять значения top на меньшие, но от этого ничего не меняется sad поэтому и пишу на форум уже от безысходности

richnessfor.me <<<< МОЙ САЙТ
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 4 | 11:56:29
masyaeva, предоставьте ссылку на сайт и скриншот где вы хотите убрать отступ итд.

masyaeva
Сообщений: 46
Репутация: 0

Сообщение # 5 | 12:21:29
ссылка у меня в подписи: richnessfor.me скриншот не получается загрузить сюда, но на главной странице моего сайта сразу будет понятно о каком блоке речь
И как убрать отступ между заголовком и текстом???

там единственный серый блок с приветствием

Добавлено (19 Сен 2014, 12:05:21)
---------------------------------------------
$IMAGE1$

Добавлено (19 Сен 2014, 12:21:29)
---------------------------------------------
Ucoz_fan, а почему у меня скриншот не выкладывается?слишком тяжелый? его как то по хтрому надо подгружать через файловый менеджер? wacko


richnessfor.me <<<< МОЙ САЙТ
IIul{Ys
Сообщений: 234
Репутация: 23

Сообщение # 6 | 12:34:41
этот отступ?
Прикрепления: 0170097.png (229.3 Kb)
IIul{Ys
Сообщений: 234
Репутация: 23

Сообщение # 7 | 12:37:15
masyaeva, если вы о нём, то без него не красиво
Прикрепления: 3973094.png (133.6 Kb)
masyaeva
Сообщений: 46
Репутация: 0

Сообщение # 8 | 12:37:57
IIul{Ys, нет сам серый фон стоит отлично, а вот текст внутри него стоит слишком низко

richnessfor.me <<<< МОЙ САЙТ
IIul{Ys
Сообщений: 234
Репутация: 23

Сообщение # 9 | 12:38:55
masyaeva, нужно выровнять текст в блоке?
IIul{Ys
Сообщений: 234
Репутация: 23

Сообщение # 10 | 12:49:39
если вам нужно чтобы текст в блоке выглядел так:


в CSS ищите: #reel .block1
и меняйте padding: 40px; на
padding-left: 100px;
padding-top: 20px;
Прикрепления: 6800776.png (85.3 Kb)
masyaeva
Сообщений: 46
Репутация: 0

Сообщение # 11 | 12:53:42
х серо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)
---------------------------------------------
IIul{Ys, в том то и дело , мне такике отступы огромные не нужны


richnessfor.me <<<< МОЙ САЙТ
IIul{Ys
Сообщений: 234
Репутация: 23

Сообщение # 12 | 12:58:40
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
masyaeva
Сообщений: 46
Репутация: 0

Сообщение # 13 | 13:02:08
IIul{Ys, картинка и текст имеют разные настройки, с картинкой все отлично, текст имеет жуткий отступ от верха, что тут сложного для понимания?

richnessfor.me <<<< МОЙ САЙТ
IIul{Ys
Сообщений: 234
Репутация: 23

Сообщение # 14 | 13:04:09
masyaeva, facepalm покажите скриншотом, что и где нужно изменить!
NurHasber
Сообщений: 235
Репутация: 43

Сообщение # 15 | 13:30:15
в 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
Сообщество uCoz » Архивариус » Решённые вопросы » Блок с привествием на главной странице (Помогите настроить блок)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: