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

Сообщение # 1 | 18:11:23
Доброе время суток!
Я тут изо-всех сил пытаюсь постичь css, но видимо есть что то, что ускользает от моего понимания

на главной странице мне нужно поднять третий блок " Самые свежие новости" повыше
я знаю только как спустить его пониже, если начинаю двигать выше все съезжает

Код
/* REEL ------------------------------------------------------------*/

#reel{
position: relative;
width: 980px;
height: 210px;
margin-left: -20px;
[color=#ff0000]margin-bottom: 600px; /* вот этим значением мне удается его двигать вверх и вниз, только от этого все съезжает, если двигаю вверх/
margin-top:10px;
background: url(/img/reel-back.png) no-repeat;
font-size: 16px
}

}
#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: 10px;
left: 40px;
width: 898px;
height: 300px;
}

#reel .block1 {
width: 898px;
background: #;
padding: 10px 0px 40px 40px;
float: left;
text-align: center;
margin-top:10px;

}

#reel .slides_container{
position: absolute;
overflow: hidden;
top: 20px;
left: 40px;
width: 898px;
height: 300px;
font-size: 16px
}

#reel .block2 {
width: 950px;
background: url(/img/reel-back5.png) no-repeat;
padding:30px 0px 20px 40px;
margin-left: -115px;
width: 1200px;
float: left;
font-size: 0px
text-align: left

}

#reel .block2 img {
margin-right: 10px; /* отступы со всех сторон от картинки по 5px */
margin-left: 130px;
margin-top: 30px;
}

richnessfor.me <<<< МОЙ САЙТ
wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 2 | 19:06:58
masyaeva, Только не понятно, зачем стоило такую простынь сюда вывешивать.... ??? Не проще бы показать скриншотом то что нужно и просто дать ссылку на проблему...
Сейчас посмотрим чем вам помочь

Строка №856 удаляем и ставим это
Код
.featured-title {
background: url(/img/shadow-divider.png) no-repeat center;
margin-top: -105px;
}


Результат:

Прикрепления: 3131531.png (237.4 Kb)

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Сообщение отредактировал rem-31 - Суббота, 25 Окт 2014, 19:10:22
masyaeva
Сообщений: 46
Репутация: 0

Сообщение # 3 | 20:29:07
rem-31, да уж это было и впрямь бестолково! спасибо!! проблема решена!

richnessfor.me <<<< МОЙ САЙТ
Сообщество uCoz » Архивариус » Корзина » отступ (помогите сделать отступ меньше)
  • Страница 1 из 1
  • 1
Поиск: