Перейти к содержимому

Сервис обмена электронных валют

Выбрать шаблон и создать сайт

Помогите с версткой блока

#1 denis

denis
  • Заблокированные
  • 173 сообщений
  • Репутация: -13
0

Отправлено 27 Июнь 2012 - 15:24

Мне нужно правый блок поставить нормально:

Изображение

Он должен быть шириной 207 пикселей и справа отступать на 20 пикселей, но ничего этого нет.
CSS-код написал такой, какой и должен у меня быть:
.sidebar{
width:207; float:right; margin:0 0 0 20px;
}
HTML-код:
<div class="sidebar">
			  <div class="vidget">
				 <h3>Вход в аккаунт</h3>
				 <ul><li>zdfbxgnfdn</li>
				 <li>zxrhtncyfm</li>
				 <li>zgdfxhndgyfh</li>
				 </ul>
			  </div>
</div>
Помогите, пожалуйста. Что делать?

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

 

 

  • 0

#2 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 27 Июнь 2012 - 15:31

а зачем тебе float?
  • 0

#3 Алия

Алия
  • Пользователь
  • 42 сообщений
  • Репутация: 10

Отправлено 27 Июнь 2012 - 22:20

У Вас отступ не справа, а слева (отсчет полей сверху по часовой). Чтобы был справа, напишите так:
.sidebar{
width:207px; float:right; margin:0 20px 0 0;
}
  • 1

#4 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 27 Июнь 2012 - 23:56

Мне нужно правый блок поставить нормально:
.sidebar{
width:207; float:right; margin:0 0 0 20px;
}
[/CODE]


.sidebar{
width:207px; float:right; margin:0px 0px 0px 20px; position:absolute;
}

  • 0


#5 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 Июнь 2012 - 07:03

У Вас отступ не справа, а слева (отсчет полей сверху по часовой). Чтобы был справа, напишите так:
.sidebar{
width:207px; float:right; margin:0 20px 0 0;
}

Спасибо, помогли! Я просто только учусь, вот и не получается кое-что...


.sidebar{
width:207px; float:right; margin:0px 0px 0px 20px; position:absolute;
}

Не помогло.
  • 0

#6 Алия

Алия
  • Пользователь
  • 42 сообщений
  • Репутация: 10

Отправлено 28 Июнь 2012 - 10:01

Совет Symphony тоже правильный, только нужно прописать координаты блока в соответствии с его положением на Вашей странице
(если у Вас фиксированный макет, а не резиновый). Тогда свойство float не нужно. Координаты (top и right) подгоняются по месту:

.sidebar {
width:207px; position:absolute;
top:200px; /*отступ от верхнего края окна браузера*/
right:20px; /*отступ от правого края*/
}

Учебник, который мне помог освоить CSS: http://zvirec.com/css_book.php?id=14
  • 1

#7 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 28 Июнь 2012 - 13:57

denis, px дописывай
  • 0


#8 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 Июнь 2012 - 14:18

denis, px дописывай

Я уже давно заметил и дописал, но не в теме.
  • 0

#9 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 28 Июнь 2012 - 14:21

в дополнении к предыдущему оратору :) px можно опускать, только, когда значение равно нулю.

и еще раз - публиковать посты надо в соответствующих разделах!
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru