Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> 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 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
everth
post
Post #2





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

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

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.

Ten post edytował everth 28.07.2010, 13:08:50


--------------------
Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce.
[Think different]!
Go to the top of the page
+Quote Post
uki150
post
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 24.06.2010

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

za bardzo to mi to nie pomogło ;/
Go to the top of the page
+Quote Post
andrzejk
post
Post #4





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
dobby
post
Post #5





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 2.08.2010

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

Dla LI nadajesz:

[CSS] pobierz, plaintext 
  1. display:block;
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 20.08.2025 - 08:04
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn