• Уважаемый Гость! Если вы зарегистрировались на нашем форуме, значит вам нужна помощь! Мы всегда рады вам помочь, еще ни один пользователь не получил отказа! Но мы так же нуждаемся в Вашей поддержке. Проект полностью бесплатный, мы не имеем права требовать от вас денег, нам это и не нужно! Но от любой финансовой поддержки не откажемся. Проект развивается, но иногда очень тяжело его поддерживать, особенно в финансовом отношении. Если у вас есть возможность поддержать нас финансово, мы будем вам очень благодарны! С уважением, команда Оскласс Россия!
  • Изменение в правилах форума! В связи с огромным количеством вопросов поступающих в адрес технической поддержки мы решили изменить правила форума! Просим всех пользователей обратить внимание на данные изменения и четко их соблюдать!
  • Ребята, нуждаемся в программистах! Если хотите зарабатывать и есть время, пишите администраторам сайта. Есть база и инструменты, нужен опыт и знания =)
  • Уважаемые пользователи! На форуме появились разделы по работе с системой Yclas. Yclas - это скрипт доски объявлений. Нужны разработчики.

Кто может разобраться с CSS?

Mr.Mrak

Известный пользователь
У меня одна маленькая проблема, может кто нибудь случайно и поможет мне.
Вот хочу переместить меню юзера немного вниз, перепробовал все варианты которые используются в HTML но не помогло.
Вот сам код
Код:
/* Header */
#header { border-bottom: 1px solid #BBB; clear:both; float:left; margin:25px 0 0 0; padding:0 0 30px 0; position: relative; width:960px; }
#header #logo { color:#000; font:30px Georgia, Times, 'Times New Roman', serif; text-decoration:none; }
#header #logo strong { font-weight:normal; }
#header #user_menu { display:inline; font-size:11px; position:absolute; right:10px; top:0; }
#header #user_menu li { font-size:12px; color:#4D4D4D; display:inline-block; padding:0 7px; position:relative; }
#header #user_menu li.last { border:none; padding-right:0; }
#header #user_menu li ul { background:#FFF; border:1px solid #333; display:none; left:7px; position:absolute; top:14px; -moz-border-radius:5px; border-radius:5px; }
#header #user_menu li ul li { border-top:1px dotted #DDD; border-right:none; display:block; width:100px; padding:0 0; position:static; }
#header #user_menu li ul li a { display:block; padding:7px 12px 7px 12px; }
#header #user_menu li ul li.first { border:none; }
#header #user_menu li.with_sub strong { background:url(../images/language_arrow.gif) no-repeat right center; color:#069; font-weight:normal; padding-right:10px !important; text-decoration: underline; cursor:pointer; }
#header #user_menu li form { background:#FFF; border:1px solid #333; display:none; left:7px; padding:13px; position:absolute; top:16px; z-index:9999; -moz-border-radius:5px; border-radius:5px; }
#header #user_menu li form label { color:#000; display:inline; font-weight:bold; margin-bottom:3px; }
#header #user_menu li form input { border: 1px solid #BBB; display:inline; margin-bottom:10px; padding:3px; }
#header #user_menu .forgot { margin-top: 10px; }
Более детально видно на скрине.
 

Вложения

  • 11111.png
    11111.png
    105,5 КБ · Просмотры: 27

administrator

Блудный сын.
Команда форума
Вот как-то так:
Код:
#header #user_menu { display:inline; font-size:11px; position:absolute; right:10px; margin-top:40px; text-align: right; }
 

Mr.Mrak

Известный пользователь
Это у меня миллион раз, вообще куда то вниз опустился margin-top:40px; сделал до 0 не помогло. Так он меня убивает.
 

Dis

Гость
попробуйте поменьше..0 - конечно не поможет..это же отступ задаётся от верха
 

oxotnik.kz

Известный пользователь
сделай блоком потом перемещай думю поможет убери display:inline; оно там далеко не нужно напиши display:inline-block; и опускай маргинами а лучше всего опускай left:40px; top:40px;как тебе удобно должно получится
 

oxotnik.kz

Известный пользователь
А лучше кинь ссылку я скажу конкретно чо надо сделать
 

Mr.Mrak

Известный пользователь
Оказывается после top нужно было сделать просто пробел))) Спасибо Вам, вот только появилась новая проблема как бы "Вход" и "Регистрацию" переставить влево на равне с "Добавить объявление"?))
 

oxotnik.kz

Известный пользователь
Оказывается после top нужно было сделать просто пробел))) Спасибо Вам, вот только появилась новая проблема как бы "Вход" и "Регистрацию" переставить влево на равне с "Добавить объявление"?))
Влево над или сделать списком?
 

oxotnik.kz

Известный пользователь
Замени стиль

#header #user_menu {
  1. display: inline;​
  2. font-size: 11px;​
  3. position: absolute;​
  4. right: 10px;​
  5. top: -20px;​
  6. width: 400px;​
}
Затем зайди в header.php найди див с классом user_menu допиши к открывающемуся тегу <ul> класс тоесть сделай <ul class="loggg"> ну и затем в ксс добавь
ul.loggg {float:left;padding:10px;}
 

Mr.Mrak

Известный пользователь
Получилось всё замечательно, только он поднялся наверх обратно))
 

Mr.Mrak

Известный пользователь
И щас появилась ещё одна проблема)))На скрине видно))
 

Вложения

  • 1412412354235.png
    1412412354235.png
    139,7 КБ · Просмотры: 15
Верх