Rozwijane menu HTML+CSS

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

Rozwijane menu HTML+CSS

uki150 Zobacz profil	28.07.2010, 12:26:31 Post #1
Grupa: Zarejestrowani Postów: 9 Pomógł: 0 Dołączył: 24.06.2010 Ostrzeżenie: (0%)	Witam, edytowałem jakiś skrypt który znalazłem w internecie rozwijanego menu. Przerobiłem go już do formy jaka będzie mi potrzebna ale mam jeden problem. Problem polega na tym że to co się rozwija ma taką samą szerokość jak przycisk, powoduje to to że jak jest długa nazwa w pod menu to powstaje problem (IMG:style_emoticons/default/biggrin.gif) (piętrowy napis ) Proszę o pomoc jak to przerobić ewn jakiś inny skrypt aby to działało jak napisałem . Tutaj macie link dokładnie o co bym chciał uzyskać, oraz kod. Fotka: KLIK Skrypt na stronie : KLIK Kod: [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html> <head> <style> .menu { height:39px; } .menu ul {margin:0px; padding:0px; list-style-type:none ; } .menu ul li {position:relative ; float: left; } .menu ul li ul {visibility:hidden; position:absolute; top:39px; } .menu ul :hover ul {visibility:visible} .menu a {display:block; line-height:39px; background: #242424; color:white; text-decoration:none; text-indent:10px; padding-right: 10px; font-family:verdana; font-size:10px; } .menu a:hover {background:#343434;} </style> </head> <body> <div class="menu"> <ul> <li><a href="" title="">STRONA GŁÓWNA</a></li> <li><a href="" title="">IDEA</a></li> <li><a href="" title="">PŁOTY</a></li> <li><a href="" title="">BALUSTRADY</a> <ul> <li><a href="" title="">BALUSTRADY WEWNĘTRZNE</a></li> <li><a href="" title="">BALUSTRADY ZEWNĘTRZNE</a></li> </ul> </li> <li><a href="" title="" >AKCESORIA</a></li> <li><a href="" title="" >KONTAKT</a> <ul> <li><a href="" title="">DANE KONTAKTOWE</a></li> <li><a href="" title="">LOKALIZACJA </a></li> </ul> </li> </ul> </div> </body> </html> [HTML] pobierz, plaintext Proszę o pomoc Pozdrawiam