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



 

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

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

Открыть тему
Тема закрыта
> Не могу выровнять меню
vladimir123
vladimir123
Topic Starter сообщение 7.12.2012, 22:04; Ответить: vladimir123
Сообщение #1


Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск.
Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/

вот код стилей.

/*---Menu---*/
.darkbg { background: #000099 url("../images/colorbg.png"); }
#menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; }
   #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; }
   #menubar .lcol { overflow: hidden; height: 50px; }
      #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px; }
         #menubar .lcol ul li { background: url("../images/mbarer.png") no-repeat; }
         #menubar .lcol ul a { padding: 0 11px 0 12px; color: #fff; height: 50px; text-decoration: none; }
         #menubar .lcol ul a:hover { color: #da143d; background: url("../images/mbarer.png") no-repeat 50% 100%; }

   /*---search---*/
   .searchbar { margin-top: 12px; border: 1px solid #3f464c; border-width: 0 1px 1px 0; float: right; width: 217px; height: 26px; background: #191f24 url("../images/poisk.png") no-repeat; }
      .searchbar li { float: left; height: 26px; }
      .searchbar .lfield { width: 180px; padding-left: 7px; overflow: hidden; }
         .searchbar .lfield input { font-style: italic; color: #8b99a8; float: left; height: 15px; width: 180px; border: 0 none; background: none; margin-top: 6px; }
      
      .searchbar .lbtn input { width: 30px; height: 26px; background: #db143d url("../images/poisk.png") no-repeat 0 -26px; }
         .searchbar .lbtn input:hover { background-position: -30px -26px; }[img]http://dle.net.ua/forum/Themes/default/images/icons/modify_inline.gif[/img]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 7.12.2012, 22:55; Ответить: isvetlichniy
Сообщение #2


чтобы не съезжал поиск для #menubar установи фиксированную ширину

а меню попробуй вот так
для #menubar добавть position:relative;
а для #menubar .lcol добавь position:absolute;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sae
sae
сообщение 8.12.2012, 11:32; Ответить: sae
Сообщение #3


[member=isvetlichniy], с абсолютным позиционированием - это легко и неинтересно ;). А не разобрались, почему этот блок вправо вообще отъезжает? Я вчера пробежался, все вроде чисто.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 8.12.2012, 11:35; Ответить: isvetlichniy
Сообщение #4


это легко и неинтересно

может и так, но результат получен.

А не разобрались, почему этот блок вправо вообще отъезжает?

чтобы полностью во всем разобраться, мне нужны исходники. Firebug и отладчик в осле мне ничего не показали и ве должно было работать и без позиционирования
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vladimir123
vladimir123
Topic Starter сообщение 8.12.2012, 20:58; Ответить: vladimir123
Сообщение #5


isvetlichniy, Спасибо, сделал. Поиск не съезжает, а вот меню все равно не на месте.

Если нужно, что то показать - говорите, мне не сложно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 8.12.2012, 22:25; Ответить: isvetlichniy
Сообщение #6


а вот меню все равно не на месте.


не может быть, у меня даже в ИЕ7 нормально отображается
ничего не напутал в стилях?
для #menubar добавть position:relative;
а для #menubar .lcol добавь position:absolute;
еще можно для #menubar .lcol добавить left: 0; (после position:absolute;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vladimir123
vladimir123
Topic Starter сообщение 13.12.2012, 13:41; Ответить: vladimir123
Сообщение #7


Вылечил! помогло добавление clear:both; для .shadlr

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыAdobe muse: Не могу разместить нужный мне код сразу после Body
0 Evg82 3833 20.6.2020, 10:24
автор: Evg82
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКак выровнять текст
5 TindrumGM 3271 10.4.2020, 1:13
автор: MattCutts_mw
Открытая тема (нет новых ответов) Могу сделать регистрации в букмекерских конторах
4 extremalspeed 2632 22.1.2019, 23:08
автор: hiberok
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1467 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3411 4.12.2017, 14:44
автор: tezoro


 



RSS Текстовая версия Сейчас: 20.4.2024, 18:30
Дизайн