Jump to content

zaec161

Newbie
 View Profile  See their activity

  • Posts

    7

  • Joined

  • Last visited

 Content Type 

Everything posted by zaec161

  1. zaec161
    У меня косяк был, в стилях забыл прописать position. И думаю, почему же не работает
  2. zaec161
    Проблема не решилась. И причем тут прозрачный фон? мне блок нужно поверх банера закрепить, а не придавать ему прозрачность.
  3. zaec161
    Имеется баннер без исходника. Поэтому ссылку поправить на нем не выходит. Декомпилировать баннер не хочу. Пришла в голову идея наложить поверх баннера блок ( на картинке показал). Прописываю абсолютное позиционирование для блока, но почему-то блок уходит под баннер. В чем дело? <body> <a href="#"><div style="position: absolute; width:240px; height:400px; background:#000;"> </div></a> <object type="application/x-shockwave-flash" data="image/0ROxzmznMDf.png" width="240" height="400"> </object> </body>
  4. zaec161
    Нужен эффект как на 1 картинке. Пытался что-то сделать сам, но бес толку. Получается слишком широкая тень, пытался уменьшить, но получилось еще хуже. Как исправить? На 2 картинке показал проблему + приложил код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } body { background:#F7F7F7; } #blok1 { margin-left:5%; margin-right:5%; height: 500px; background:#FFF; z-index:-2; position: relative; } #obzor3 { margin-top: 1px; margin-left:5%; margin-right:5%; position:relative; padding:1em; background:#fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.0) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.0) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.0) inset; } #obzor3:before, #obzor3:after { content:""; position:absolute; z-index:-1; } #obzor3:before { top:0px; bottom:50%; left:10px; right:10px; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-border-radius:100px / 10px; border-radius:100px / 10px; } #obzor3 p { font-size:16px; font-weight:bold; } </style> </head> <body> <div id="blok1"> </div> <div id="obzor3"> </div> </body> </html>
  5. zaec161
    Я все нашел, наконец-то. Пришлось отключать стили по очереди и смотреть изменения Спасибо за подсказку, она была верной)
  6. zaec161
    Ничего не получилось. Просмотрел все что можно и ничего не нашел. В файрбаге показывает этот косяк, т.е отступы от меню, но дело в том что они не приписываются не к одному из стилей.
  7. zaec161
    Все показал на картинке. Если кто-то не понял, то нужно перенести вкладку под меню. .menusys_mega { } div.subwrap-inner { display: block; width:auto !important; } #menusys_mega .menusub_mega { position:absolute; display:block; z-index:999; } #menusys_mega { margin: 0; overflow: hidden; } #menusys_mega > li { padding: 0 ; margin:0 1px 0 0; float: left; } #menusys_mega li.active a { } #menusys_mega li.last-item { background: none; } #menusys_mega > li > a { padding: 0 15px; display: inline-block; text-decoration: none; font-size: 18px; color: #d5e5f5; text-shadow: 0 1px 1px #165a9f; line-height: 47px; } #menusys_mega > li:hover, #menusys_mega > li:active, #menusys_mega > li:focus, #menusys_mega > li.active, #menusys_mega > li.active:hover, #menusys_mega > lia.active:active, #menusys_mega > lia.active:focus, #menusys_mega > li.hover, #menusys_mega > li.active { } #menusys_mega > li > a:hover, #menusys_mega > li > a:active, #menusys_mega > li > a:focus, #menusys_mega > li > a.active, #menusys_mega > li > a.active:hover, #menusys_mega > li > a.active:active, #menusys_mega > li > a.active:focus, #menusys_mega > li.hover > a, #menusys_mega > li.active > a { color: #fff; background: url(../../images/default/bg-search.png) repeat-x left top scroll; } #menusys_mega > li.first-item > a.active, #menusys_mega > li.first-item > a:hover{ border-radius: 5px 0 0 5px; } #menusys_mega li .menu-title { padding: 0; } #menusys_mega li:hover a, #menusys_mega li a:hover, #menusys_mega li a:active, #menusys_mega li a:focus, #menusys_mega li a.active, #menusys_mega li a.active:hover, #menusys_mega li a.active:active, #menusys_mega li a.active:focus { } #menusys_mega li a.active .menu-title, #menusys_mega li a.active:hover .menu-title, #menusys_mega li a.active:active .menu-title, #menusys_mega li a.active:focus .menu-title { } #menusys_mega li.hasChild span.no-image, #menusys_mega li.hasChild a.active span.no-image { display: block; padding-right: 13px; background: url(../../images/mega/arrow-submenu.png) no-repeat 98% 20px; } #menusys_mega > li.first-item a .menu-title { } #menusys_mega > li.first-item a.active .menu-title, #menusys_mega > li.first-item a:hover .menu-title, #menusys_mega > li.first-item a:active .menu-title, #menusys_mega > li.first-item a:focus .menu-title { } /* MegaMenu Border ——————————————————— */ #menusys_mega .level0 > .submenu-wrapper { } #menusys_mega .menusub_mega { z-index: 999; padding: 5px 0; left:-9999em; } #menusys_mega .menusub_mega .menusub_mega { margin: -38px 0px 0px 195px !important; padding: 10px 0; } #menusys_mega .subwrap-inner { float: left; display: inline-block; background:#f6f6f7; border: 1px solid #c9c9c9; border-radius: 5px; } #menusys_mega div.menucontent-wrapper .subwrap-inner { } /* #menusys_mega div.subarrowtop{ background: url(../../images/mega/submega-top.png) no-repeat 10% top; height: 8px; } */ #menusys_mega div.menucontent-wrapper-left { display: inline-block; width:100%; } #menusys_mega div.subwrap-inner2 { margin:5px; display:inline-block; } #menusys_mega div.menucontent-wrapper { padding: 0; width:100%; display:block; float:left; } #menusys_mega div.menusub_mega div.menusub_mega div.subarrowtop { position: absolute; top: 20px; left: 3px; width: 6px; height: 10px; overflow:hidden; } #menusys_mega div.menucontent-wrapper-left div.menucontent-wrapper-left { background:#fff; padding:0 0 5px 0; } #menusys_mega div.subwrap-inner2 div.subwrap-inner2 { display: block; } #menusys_mega div.menucontent-wrapper div.menucontent-wrapper { padding: 0; } #menusys_mega .megacol ul.mega-ul { overflow:hidden; padding: 1px 0; margin:0; } #menusys_mega div.megacol { float: left; min-width:190px; margin: 0 5px; } /* Child Content————*/ #menusys_mega .menu-image { border: none; float: left; line-height: 44px; padding: 8px 0 0; margin-right: 3px; } #menusys_mega span.has-image { display: block; background-repeat: no-repeat; background-position: 0px 14px; padding-left: 25px; } /* Mega Group———-*/ #menusys_mega .menusub_mega .mega-group { overflow: hidden; margin: 10px 5px 5px; padding: 0 ; } #menusys_mega li.hasChild .mega-group span.has-image, #menusys_mega li.hasChild .mega-group span.no-image { background: none !important; margin:0; padding: 1px 0 1px 0; display: block; } #menusys_mega .mega-group span.has-image { padding: 3px 0 3px 25px; } #menusys_mega li.hasChild .mega-group a { padding: 0; border: 1px solid #dedede; border-radius: 3px; display: inline-block; width:99%; margin: 0; } #menusys_mega li.hasChild .mega-group a span.no-image{ border: 1px solid #f8f8f9; border-radius: 2px; padding: 0; } #menusys_mega li.hasChild .mega-group a span.menu-title{ background: url(../../images/default/bg-submenu.png) repeat-x left top scroll; color:#575757; font-size:16px ; line-height:27px; padding: 0 10px; display: block; } #menusys_mega .menusub_mega .mega-module { clear: both; line-height: 20px; } #menusys_mega .menusub_mega .mega-module .moduletable_menu ul li { border-bottom: 1px solid #ddd; } #menusys_mega .menusub_mega .mega-module .moduletable ul li { padding: 10px 0; } #menusys_mega .menusub_mega .mega-module .moduletable ul li:first-child { border-top: none; } #menusys_mega .menu-desc { padding: 0; line-height: 15px; font-size: 95%; color: #707070; display: block; } #menusys_mega li.hasChild .mega-group a .menu-title, #menusys_mega li.hasChild .mega-group a:hover .menu-title, #menusys_mega li.hasChild .mega-group a.active .menu-title { } #menusys_mega .menusub_mega .megacol { display:block; } #menusys_mega .submenu-wrapper .submenu-wrapper .megacol .mega-ul { } /* Level2 MegaMenu ——————————————————— */ #menusys_mega .megacol ul.mega-ul li { padding: 0; float: none; display: block; line-height: 30px; padding-left: 0; border-top: 1px solid #ddd; } #menusys_mega .megacol ul.mega-ul li.first-item { border-top: none; } #menusys_mega li .megacol ul.mega-ul li span.no-image, #menusys_mega li .megacol ul.mega-ul li a.item:hover span.no-image, #menusys_mega li .megacol ul.mega-ul li a.active span.no-image { padding: 0 ; background: none } #menusys_mega li.hasChild ul a, #menusys_mega li.hasChild ul a.active, #menusys_mega li.hasChild:hover ul a { padding: 0px; margin: 0; display: block; position: static; text-shadow: none; } #menusys_mega li.hover ul.mega-ul a .menu-title, #menusys_mega li.hasChild ul.mega-ul li a .menu-title, #menusys_mega li.hasChild ul.mega-ul li a.active .menu-title, #menusys_mega li.hasChild ul.mega-ul li a.focus .menu-title { margin: 0; padding: 0px 0px 0px 15px; display: block; font-size: 12px; font-family:"arial"; text-transform: none; text-shadow: none; color: #515151; background: url(../../images/default/icon-li.png) no-repeat left 13px scroll; } #menusys_mega li.hasChild ul a span.has-image .menu-title, #menusys_mega li.hasChild:hover ul a span.has-image .menu-title, #menusys_mega li.hasChild ul a:hover span.has-image .menu-title { padding: 2px 0 2px 25px; margin: 0; background: none; } #menusys_mega li.hasChild ul a:hover, #menusys_mega li.hasChild ul a:active, #menusys_mega li.hasChild ul a:focus, #menusys_mega li.hasChild ul.mega-ul a.active:hover { text-decoration: none; margin: 0; padding-left: 0px; display: block; } #menusys_mega li.hasChild.active ul li a.active .menu-title, #menusys_mega li.hover ul.mega-ul a:hover .menu-title, #menusys_mega li.hasChild ul.mega-ul a:hover .menu-title, #menusys_mega li.hasChild ul.mega-ul a:active .menu-title, #menusys_mega li.hasChild ul.mega-ul a:focus .menu-title, #menusys_mega li.hasChild ul.mega-ul a.active:hover .menu-title { color: #2f83d8; background: url(../../images/default/icon-li.png) no-repeat left -33px scroll; } P.S сайт построен на движке джумла
×
×
  • 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

  I accept