fabaz Posted February 4, 2016 Share Posted February 4, 2016 (edited) Dobrý den Mám na Vás prosbu.Chtěl jsem si vložit na stránky vlastní obrázkové menu zatím nedodělané jen na zkoušku,a vložit ho přes modul HTML box na top Column ale přesto že mě normálně funguje v boxu se rozhodí a nejde.Prosím co dělám špatně,Pře uložením to funguje až po uložení se to rozhodí.Přikládám html i css.Děkuji děkuji všem za radu css ul#css3menu1,ul#css3menu1 ul{ margin:0;list-style:none;padding:0;background-color:;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} ul#css3menu1 ul{ display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:ff77d5;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;} ul#css3menu1 li:hover>*{ display:block;} ul#css3menu1 li{ position:relative;display:block;white-space:nowrap;font-size:0;float:left;} ul#css3menu1 li:hover{ z-index:1;} ul#css3menu1{ font-size:0;z-index:999;position:relative;display:inline-block;zoom:1; *display:inline;} ul#css3menu1>li{ margin:0;} * html ul#css3menu1 li a{ display:inline-block;} ul#css3menu1 a:active, ul#css3menu1 a:focus{ outline-style:none;} ul#css3menu1 a{ display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 18px Trebuchet MS;color:f50bac;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;} ul#css3menu1 ul li{ float:none;margin:10px 0 0;} ul#css3menu1 ul a{ text-align:left;padding:4px;background-color:ff77d5;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;font:18px Tahoma;color:f50bac;text-decoration:none;} ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{ background-color:#ff77d5;border-color:#C0C0C0;border-style:solid;color:f50bac;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100px;} ul#css3menu1 img{ border:none;vertical-align:middle;margin-right:10px;} ul#css3menu1 img.over{ display:none;} ul#css3menu1 li:hover > a img.def{ display:none;} ul#css3menu1 li:hover > a img.over{ display:inline;} ul#css3menu1 li a.pressed img.over{ display:inline;} ul#css3menu1 li a.pressed img.def{ display:none;} ul#css3menu1 span{ display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;} ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{ background-color:#ff77d5;background-image:url("mainbk.png");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:f50bac;text-decoration:none;text-shadow:#FFF 0 0 1px;} ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{ background-color:ff77d5;background-image:none;color:f50bac;text-decoration:none;} ul#css3menu1 li.topfirst>a{ border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;} ul#css3menu1 li.topmenu>a{ -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;} ul#css3menu1 li.toplast>a{ border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;} html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html dir="ltr"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!-- Start css3menu.com HEAD section --> <link rel="stylesheet" href="http://baby-shop-u-natalky.8u.cz/menu/CSS3-Menu_files/css3menu1/style.css" type="text/css" /><style>._css3m{display:none}</style> <!-- End css3menu.com HEAD section --> </head> <body style="background-color:#EBEBEB"> <!-- Start css3menu.com BODY section --> <ul id="css3menu1" class="topmenu"> <li class="topfirst"><a href="#" style="height:150px;line-height:150px;"><span><img src="http://baby-shop-u-natalky.8u.cz/menu/CSS3-Menu_files/css3menu1/menu21.png" alt="Item 0"/>Item 0</span></a> <ul> <li><a href="#"><img src="http://baby-shop-u-natalky.8u.cz/menu/CSS3-Menu_files/css3menu1/menu41.png" alt="Item 0 0"/>Item 0 0</a></li> </ul></li> <li class="topmenu"><a href="#" style="height:150px;line-height:150px;"><img src="http://baby-shop-u-natalky.8u.cz/menu/CSS3-Menu_files/css3menu1/menu51.png" alt="Item 1"/>Item 1</a></li> <li class="toplast"><a href="#" style="height:150px;line-height:150px;"><img src="http://baby-shop-u-natalky.8u.cz/menu/CSS3-Menu_files/css3menu1/menu31.png" alt="Item 2"/>Item 2</a></li> </ul><p class="_css3m"><a href="http://css3menu.com/">Dhtml CSS3 Menu Css3Menu.com</a></p> <!-- End css3menu.com BODY section --> </body> </html> Edited February 4, 2016 by fabaz (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now