Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Problem z menu
Szymoneks12
post 31.07.2010, 10:02:01
Post #1





Grupa: Zarejestrowani
Postów: 67
Pomógł: 1
Dołączył: 31.03.2010

Ostrzeżenie: (10%)
X----

Mam menu:

[HTML] pobierz, plaintext 
  1.     <!-- Menu -->
  2.  
  3. <div id="menu_tabela">
  4.     <ul class="menu">
  5.  
  6.     <li><a href="XY" class="nawigacja">XY</a></li>
  7.  
  8.     <li><a href="YX" class="nawigacja">YX</a></li>
  9.  
  10.     <li><a href="ZW" class="nawigacja">ZW</a></li>
  11.  
  12.     <li><a href="WZ" class="nawigacja">WZ</a></li>
  13.  
  14.     </ul>
  15. </div>
  16.  
  17.     <!-- Koniec Menu -->
  18.  
[HTML] pobierz, plaintext


i CSS:

[CSS] pobierz, plaintext 
  1.  
  2. /* Menu */
  3.  
  4. div#menu_tabela {
  5.  
  6.     background: url(tlo_menu.png);
  7.     height: 90%;
  8.     width: 75%;
  9.     margin: auto;
  10.     border: 5px ridge;
  11.     border-color: #99BF33;
  12. }
  13.  
  14. ul.menu li.nawigacja {
  15.  
  16.     text-align: center;
  17.     font-size: 100%;
  18. }
  19.  
  20.  
  21. /* Koniec Menu */
  22.  
[CSS] pobierz, plaintext


Tyle, że chciałbym, aby elementy menu wyświetlały się w jednej linii.


--------------------
Zapraszam na wspólną grę w Minecraft - MyneCraft.pl!
Go to the top of the page
+Quote Post
shark121
post 31.07.2010, 10:15:03
Post #2





Grupa: Zarejestrowani
Postów: 62
Pomógł: 5
Dołączył: 31.03.2008

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

[HTML] pobierz, plaintext 
  1. div#menu_tabela {
  2.  
  3.     background: url(tlo_menu.png);
  4.     height: 90%;
  5.     width: 75%;
  6.     margin: auto;
  7.     border: 5px ridge;
  8.     border-color: #99BF33;
  9. }
  10.  
  11. ul.menu li {
  12.     text-align: center;
  13.     font-size: 100%;
  14. 	display: inline-block;
  15. }
  16.  
  17. /* Koniec Menu */
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
malminiart
post 31.07.2010, 10:15:07
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 16.05.2009
Skąd: GB

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

napisałeś klase dla listowania <li> a dodałeś do anchor'a <a>

[HTML] pobierz, plaintext 
  1. <body>
  2. <style type="text/css">
  3. div#menu_tabela {
  4.     background: url(tlo_menu.png);
  5.     height: 90%;
  6.     width: 75%;
  7.     margin: auto;
  8.     border: 5px ridge;
  9.     border-color: #99BF33;
  10. }
  11.  
  12. ul.menu li.nawigacja {
  13.  	float:left;
  14. 	margin:0;
  15. 	padding:10px;
  16.     text-align: center;
  17.     font-size: 100%;
  18. }
  19. </style>
  20. <div id="menu_tabela">
  21.     <ul class="menu">
  22.  
  23.     <li class="nawigacja"><a href="XY" >XY</a></li>
  24.  
  25.     <li class="nawigacja"><a href="YX" >YX</a></li>
  26.  
  27.     <li class="nawigacja"><a href="ZW" >ZW</a></li>
  28.  
  29.     <li class="nawigacja"><a href="WZ" >WZ</a></li>
  30.  
  31.     </ul>
  32. </div>
  33. </body>
[HTML] pobierz, plaintext

przyda się też float:left; i padding

pozdrawiam
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 05:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn