Jump to content
fabaz

Vložení Vlastního Html

Recommended Posts

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 by fabaz

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More