Autor Zpráva
trava
Profil
ahoj , měl bych prosbu zda by jste mi nemohli poradit: upravil jsem si menu pro vzhled jaký bych si představoval,
ale potřeboval bych mít pro aktuální nastavení stránky class="current"
chtěl bych aby tak byl aktuálně current a při přejetí myši chci aby se mi zobrazilo menu, které je neaktuální...
tohle mi funguje, ale neumím udělat to abych měl bez najetí myši zobrazení i v aktuálním menu

struktrura je menu a pod ním submenu

zdroj dávám k dizpozici zde :


<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title> Menu Template 1 </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">

body {
behavior:url("csshover.htc");
}

* {
font-family:tahoma,verdana,arial,helvetica;
font-size:11px;
}

ul, li {
display:block;
list-style:none;
margin:0;
padding:0;
}
ul {
position:relative;
height:24px;
width:640px;
background:#fffff0;
border-bottom: 1px solid silver;
}
ul ul {
position:absolute;
left:0;
top:25px;
display:none; border: 1px solid silver;
}
li:hover ul ul {
position:absolute;
left:0;
top:24px;
display:none;
}
ul li {background: none; }

li:hover ul { border-top: 0px solid silver; border-bottom: 1px solid silver; z-index:99; }
li:hover { background: #def; border: 1px solid silver; border-bottom: 1px solid red; margin: 0 -1px 0 0px; z-index:100; }
li:hover li { background: none; border: 0px solid silver; border-bottom: 0px solid #def; margin: 0; z-index:10; }

li:hover ul { display:block; background: #def;}
li ul a { display:block; background: none; border: 0px solid red; margin: 0px 0 0 0;}
li:hover li:hover ul {
display:block; background: #def; border: 0px solid green;
}

li {
float:left;
padding:4px 15px;
line-height:16px;
}
.noncurrent { visibility: hidden;}
.current { color:black; background: none; border: 0px solid silver; border-bottom: 0px solid #def; margin: -1px 0 0 0;}
.current a { color:red; background: none; border: 0px solid silver; border-bottom: 0px solid #def; margin: 0px 0 0 0;}
.current li a:hover { color: olive; background: #def; }
.current ul:hover { color: black; }
.current ul { color:green; display:block; background: #def; border: 1px solid silver; border-top: 0px;}
.current li { color:gray; font-weight: bold; display:block; cursor: default; }
.current li a { color:red; display:block;}
.current li:hover { background: none;}
.current li a:hover { color:black; display:block; background: none;}

li a {
color:gray;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:black;
}


</style>

</head>

<body>

<p>
This is a horizontal CSS-only menu template, you may freely use and change the HTML/CSS as you see fit.
</p>

<ul>
<li class="current"><a href="#">Lorem</a>
<ul>
<li>kokokokoko</li>
<li><a href="#">Lorem</a></li>
<li ><a href="#">Ipsum</a></li>
<li><a href="#">Dolor</a></li>
</ul>
</li>
<li><a href="#">Ipsum</a>
<ul>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Dolor</a></li>
<li><a href="#">Sit</a></li>

</ul>
</li>
<li><a href="#">Dolor</a>
<ul>
<li><a href="#">Dolor</a></li>
<li><a href="#">Sit</a></li>
<li><a href="#">Amet</a></li>
</ul>
</li>

<li><a href="#">Sit</a>
<ul>
<li><a href="#">Sit</a></li>
<li><a href="#">Amet</a></li>
</ul>
</li>
<li><a href="#">Amet</a>

<ul>
<li><a href="#">Amet</a></li>
</ul>
</li>
</ul>

</body>
</html>
peta
Profil
<li class="current"><a href="#">Lorem</a>
.current li a:hover { color: olive; background: #def; }

ja vidim strukturu:
LI A text
.current A text
LI.current A text
kde jsi vzal strukturu:
.current LI A text
?

http://www.volny.cz/peter.mlich/www.htm#msub6

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0