Forum PHP.pl > Rozwijane menu HTML+CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

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

uki150

28.07.2010, 12:26:31

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

(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

everth

28.07.2010, 12:48:37

Position:absolute + Javascript + użycie przycisku szukaj, ew. Google :/

EDIT: Przeglądnij sobie przedszkole z ostanich 2-3 dni. Twoje pytanie doczekało się już chyba kilkunastu odpowiedzi.

uki150

28.07.2010, 12:51:30

za bardzo to mi to nie pomogło ;/

andrzejk

28.07.2010, 15:16:13

na szybkiego zawsze możesz

[HTML] pobierz, plaintext 
<ul>
 
      <li style="width: 200px;"><a href="" title="">BALUSTRADY WEWNĘTRZNE</a></li>
 
      <li style="width: 200px;"><a href="" title="">BALUSTRADY ZEWNĘTRZNE</a></li>
 
</ul>
[HTML] pobierz, plaintext

co do samego CSS było ten temat menu,
ja nawet kiedyś na innym nicku to poruszałem, tak że poszukaj a na pewno znajdziesz

dobby

2.08.2010, 13:05:37

Dla LI nadajesz:

[CSS] pobierz, plaintext 
display:block;
[CSS] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.