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



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

#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


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
FIvYUr FIvYUr 1-й за Декабрь
Очков активности: 2 062 0 тем, 125 сообщений, 11 баллов репутации
Сайт: moy-evroopt.ru
ТОП самых активных за этот месяц
  • Фотография albedo
    #1

    albedo (online24news.ru)
    Очков активности: 810 5 тем, 75 сообщений, 6 баллов репутации

  • Фотография Totti
    #2

    Totti
    Очков активности: 684 2 темы, 32 сообщения, 12 баллов репутации

  • Фотография Bilish
    #3

    Bilish
    Очков активности: 147 20 тем, 38 сообщений, 1 балл репутации

  • Фотография ShowPrint
    #4

    ShowPrint (ShowPrint.ru)
    Очков активности: 126 0 тем, 14 сообщений, 6 баллов репутации

  • Фотография Santey
    #5

    Santey
    Очков активности: 93 13 тем, 23 сообщения, 1 балл репутации

  • Фотография NataliaAntalia
    #6

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 87 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #7

    BLIK
    Очков активности: 85.5 Вне конкурса за определение пользователя месяца

  • Фотография Vmir
    #8

    Vmir
    Очков активности: 51 0 тем, 17 сообщений, 2 балла репутации

  • Фотография Megoydagi
    #9

    Megoydagi (24ho.ru)
    Очков активности: 34.5 3 темы, 14 сообщений, 1 балл репутации

  • Фотография FIvYUr
    #10

    FIvYUr (moy-evroopt.ru)
    Очков активности: 24 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.12.2019
  • Яндекс выдача: 19.01.2020
Топ 5 участников по репутации

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