X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с версткой блока
denis_mw
denis_mw
Topic Starter сообщение 27.6.2012, 16:24; Ответить: denis_mw
Сообщение #1


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

[img]http://s53.radikal.ru/i142/1206/e2/fa44e723ed5f.jpg[/img]

Он должен быть шириной 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
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 27.6.2012, 16:31; Ответить: sc2r2bey
Сообщение #2


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


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Алия_mw
Алия_mw
сообщение 27.6.2012, 23:20; Ответить: Алия_mw
Сообщение #3


У Вас отступ не справа, а слева (отсчет полей сверху по часовой). Чтобы был справа, напишите так:
.sidebar{
width:207px; float:right; margin:0 20px 0 0;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Symphony
Symphony
сообщение 28.6.2012, 0:56; Ответить: Symphony
Сообщение #4


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


.sidebar{
width:207px; float:right; margin:0px 0px 0px 20px; position:absolute;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
denis_mw
denis_mw
Topic Starter сообщение 28.6.2012, 8:03; Ответить: denis_mw
Сообщение #5


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

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


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

Не помогло.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Алия_mw
Алия_mw
сообщение 28.6.2012, 11:01; Ответить: Алия_mw
Сообщение #6


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

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

Учебник, который мне помог освоить CSS: http://zvirec.com/css_book.php?id=14
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Symphony
Symphony
сообщение 28.6.2012, 14:57; Ответить: Symphony
Сообщение #7


[member=denis], px дописывай
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
denis_mw
denis_mw
Topic Starter сообщение 28.6.2012, 15:18; Ответить: denis_mw
Сообщение #8


[member=denis], px дописывай

Я уже давно заметил и дописал, но не в теме.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 28.6.2012, 15:21; Ответить: sc2r2bey
Сообщение #9


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

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Годный дизайн с последующей версткой 2.0
9 pronlex 8898 24.7.2022, 23:15
автор: pronlex
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12401 24.7.2020, 17:02
автор: -JamesSmips-


 



RSS Текстовая версия Сейчас: 28.3.2024, 20:06
Дизайн