wh1tegray
-
Posts
10 -
Joined
-
Last visited
wh1tegray's Achievements
Explorer (1/14)
1
Reputation
-
Подтверждаю. #top_menu ul { width: 1155px; list-style: none; padding: 0;}Ну и если количество элементов в меню изменится, надо будет менять ширину каждого элемента на значение, равное общей ширине, поделенной на общее количество элементов... можно перевести в % все измерения.
-
как эти дивы расположены относительно элементов сайта? можно код? проблема ясна, просто для конкретного ответа, нужен код...
-
Ещё раз утро Я правильно понял, что при сужении экрана меню должно оставаться в том же виде? Если да, то уберите вот этот кусок, который отвечает за изменение стилей вашего меню при изменении разрешения экрана (ширины окна) @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu { background: #663300; } #cssmenu > ul { display: none; } #cssmenu > ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); } #cssmenu > ul > li { float: none; } #cssmenu > ul > li > a { padding: 18px 25px 18px 25px; border-right: 0; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { background: rgba(0, 0, 0, 0.1); ; } #cssmenu #menu-button { display: block; text-decoration: none; font-size: 13px; font-weight: 700; color: #fabe55; padding: 18px 25px 18px 25px; text-transform: uppercase; letter-spacing: 1px; background: url('bg.png'); cursor: pointer; } #cssmenu ul ul, #cssmenu ul li:hover > ul, #cssmenu > ul > li > ul, #cssmenu ul ul ul, #cssmenu ul ul li:hover > ul { left: 0; top: auto; opacity: 1; width: 100%; padding: 0; position: relative; } #cssmenu ul ul li { width: 100%; } #cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; } #cssmenu ul ul ul li a { padding-left: 45px; } #cssmenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a { border-radius: 0; } #cssmenu #menu-button::after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #fabe55; border-bottom: 2px solid #fabe55; right: 25px; top: 18px; } #cssmenu #menu-button::before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #fabe55; right: 25px; top: 28px; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; }}если нужно что-то другое, уточните. ЗЫ: кстати этот кусок можно не убирать, а просто изменить стили, чтобы меню, например уменьшалось, уменьшались шрифты и прочее... либо, чтобы меню делалось гармошкой.. для мобильных устройств... но не думаю, что вы преследовали именно эту цель.
-
html кусок меню можно?
-
а можно html + css? и каким эмулятором пользуетесь? ЗЫ: для ретина экранов это (плотность) не редкость) вот тут есть решение по плотности пикселей http://tj-s.ru/tod/adaptirovanie-verstki-dlya-retinaekranov.html
-
снимка не вижу) есть живое, где посмотреть? ну или хотя бы просто кусок html... телепатических способностей не имею)
-
а зачем <div style="background: rgba(0,0,0,0.0);">? решение проще, чем кажется... добавьте float: left; <div style="background: rgba(189, 195, 199,1.0); padding: 0 0 10px 0; border-radius: 10px; width: 75%; display: block; float: left;">я удалил первый див... без него все то же, только легче ЗЫ: ну и в конце сделать очистку флоатов аля clear: both;
-
Если я правильно понял, в класс content добавьте overflow: hidden; а в класс .slider добавьте width: 99999px;
-
всегда использую такой вариант: <html> <body> <style>html,body { margin: 0; height: 100%;}#content { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -200px;}#pusher,#footer { height: 200px;}#footer { background: #ededed;}</style> <div id="content"> content <div id="pusher"></div> </div> <div id="footer">footer</div> </body> </html> на моей памяти везде работал...
-
Не работает z-index для блока с position: absolute
wh1tegray replied to Koroed's question in HTML Coding
Чтобы первый отображался поверх второго, помести первый во второй, сделай второму position: relative; и все. Ну и margin-top: -220px убери, просто поставь top: 0; Да и z-index не нужен в таком случае... вот http://jsfiddle.net/wrVNx/ Ах да, предыдущий оратор правильно подметил, пустой див - это 0 на 0 пискелей! Не забудь высоту и ширину указать... Я в примере красным ещё раскрасил.
