Autor | Zpráva | ||
---|---|---|---|
trava Profil |
#1 · Zasláno: 9. 4. 2008, 08:16:10
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 |
#2 · Zasláno: 11. 4. 2008, 08:08:39
<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 |
||
Časová prodleva: 16 let
|
0