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


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

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

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

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

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

    WGN (worldgamenews.com)
    Очков активности: 69 Вне конкурса за определение пользователя месяца

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

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

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

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

  • Фотография Алексей111
    #6

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

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

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

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

    torix
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

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

    Developer
    Очков активности: 21 1 тема, 11 сообщений, 1 балл репутации

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

    fedornabilkin (zaka4ano.ru)
    Очков активности: 18 0 тем, 4 сообщения, 3 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 20.09.2018
Топ 5 участников по репутации


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

#1 denis

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

Отправлено 27 June 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
  • Заблокированные
  • 1956 сообщений
  • Репутация: 71

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

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

#3 Алия

Алия
  • Неактивные
  • 42 сообщений
  • Репутация: 10

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

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

#4 Symphony

Symphony
  • Неактивные
  • 636 сообщений
  • Репутация: 54

Отправлено 27 June 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 June 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 June 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 June 2012 - 13:57

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


#8 denis

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

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

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

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

#9 surfer

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

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

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

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

robot

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


Похожие темы

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

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