Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Rozwijane menu HTML+CSS
uki150
post
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 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <style>
  5. .menu { height:39px; }
  6. .menu ul {margin:0px; padding:0px;  list-style-type:none ; }
  7. .menu ul li {position:relative ; float: left; }
  8. .menu ul li ul {visibility:hidden; position:absolute; top:39px; }
  9. .menu ul :hover ul {visibility:visible}
  10.  
  11. .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; }
  12. .menu a:hover {background:#343434;}
  13.  
  14. </style>
  15. </head>
  16. <body>
  17.  <div class="menu">
  18.   <ul>
  19.    <li><a href="" title="">STRONA GŁÓWNA</a></li>
  20.    <li><a href="" title="">IDEA</a></li>
  21.    <li><a href="" title="">PŁOTY</a></li>
  22.    <li><a href="" title="">BALUSTRADY</a>
  23.      <ul>
  24.       <li><a href="" title="">BALUSTRADY WEWNĘTRZNE</a></li>
  25.       <li><a href="" title="">BALUSTRADY ZEWNĘTRZNE</a></li>
  26.      </ul>
  27.    </li>
  28.    <li><a href="" title="" >AKCESORIA</a></li>
  29.    <li><a href="" title="" >KONTAKT</a>
  30.      <ul>
  31.       <li><a href="" title="">DANE KONTAKTOWE</a></li>
  32.       <li><a href="" title="">LOKALIZACJA </a></li>
  33.      </ul>
  34.    </li>
  35.   </ul>
  36.  </div>
  37. </body>
  38. </html>
[HTML] pobierz, plaintext


Proszę o pomoc
Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
andrzejk
post
Post #2





Grupa: Zarejestrowani
Postów: 6
Pomógł: 2
Dołączył: 28.07.2010

Ostrzeżenie: (0%)
-----

na szybkiego zawsze możesz

[HTML] pobierz, plaintext 
  1. <ul>
  2.  
  3.       <li style="width: 200px;"><a href="" title="">BALUSTRADY WEWNĘTRZNE</a></li>
  4.  
  5.       <li style="width: 200px;"><a href="" title="">BALUSTRADY ZEWNĘTRZNE</a></li>
  6.  
  7. </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
Go to the top of the page
+Quote Post

Posty w temacie
- uki150   Rozwijane menu HTML+CSS   28.07.2010, 12:26:31
- - everth   Position:absolute + Javascript + użycie przycisku ...   28.07.2010, 12:48:37
- - uki150   za bardzo to mi to nie pomogło ;/   28.07.2010, 12:51:30
- - andrzejk   na szybkiego zawsze możesz [HTML] pobierz, plaint...   28.07.2010, 15:16:13
- - dobby   Dla LI nadajesz: [CSS] pobierz, plaintext displa...   2.08.2010, 13:05:37

« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 10.06.2026 - 23:19
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn