Jump to content

wh1tegray

Newbie
  • Posts

    10
  • Joined

  • Last visited

Everything posted by wh1tegray

  1. Подтверждаю. #top_menu ul { width: 1155px; list-style: none; padding: 0;}Ну и если количество элементов в меню изменится, надо будет менять ширину каждого элемента на значение, равное общей ширине, поделенной на общее количество элементов... можно перевести в % все измерения.
  2. как эти дивы расположены относительно элементов сайта? можно код? проблема ясна, просто для конкретного ответа, нужен код...
  3. Ещё раз утро Я правильно понял, что при сужении экрана меню должно оставаться в том же виде? Если да, то уберите вот этот кусок, который отвечает за изменение стилей вашего меню при изменении разрешения экрана (ширины окна) @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; }}если нужно что-то другое, уточните. ЗЫ: кстати этот кусок можно не убирать, а просто изменить стили, чтобы меню, например уменьшалось, уменьшались шрифты и прочее... либо, чтобы меню делалось гармошкой.. для мобильных устройств... но не думаю, что вы преследовали именно эту цель.
  4. html кусок меню можно?
  5. а можно html + css? и каким эмулятором пользуетесь? ЗЫ: для ретина экранов это (плотность) не редкость) вот тут есть решение по плотности пикселей http://tj-s.ru/tod/adaptirovanie-verstki-dlya-retinaekranov.html
  6. снимка не вижу) есть живое, где посмотреть? ну или хотя бы просто кусок html... телепатических способностей не имею)
  7. а зачем <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;
  8. Если я правильно понял, в класс content добавьте overflow: hidden; а в класс .slider добавьте width: 99999px;
  9. всегда использую такой вариант: <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> на моей памяти везде работал...
  10. Чтобы первый отображался поверх второго, помести первый во второй, сделай второму position: relative; и все. Ну и margin-top: -220px убери, просто поставь top: 0; Да и z-index не нужен в таком случае... вот http://jsfiddle.net/wrVNx/ Ах да, предыдущий оратор правильно подметил, пустой див - это 0 на 0 пискелей! Не забудь высоту и ширину указать... Я в примере красным ещё раскрасил.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy