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



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

#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


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

× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 750 6 тем, 82 сообщения, 5 баллов репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 441 Вне конкурса за определение пользователя месяца

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

    lena220678
    Очков активности: 40.5 2 темы, 21 сообщение, 1 балл репутации

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

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

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

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

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

    maxnik (konovalovpavel.ru)
    Очков активности: 24 0 тем, 8 сообщений, 2 балла репутации

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

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

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

    Constantine (constantine.video.blog)
    Очков активности: 19.5 2 темы, 7 сообщений, 1 балл репутации

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

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

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

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 15 0 тем, 10 сообщений, 1 балл репутации

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

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