Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] centrowanie div li
blizniak
post 21.09.2008, 20:48:11
Post #1





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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

[HTML] pobierz, plaintext 
  1. <div id="navigation">
  2. <ul>
  3. 	<li><a class="menu_top" href="/index.php" title="">Home</a></li>
  4. 	<li><a class="menu_top" href="/forum/" title="">Browse</a><li>
  5. 	<li><a class="menu_top" href="/newposts/" title="">Place an Advert</a></li>
  6. 	<li><a class="menu_top" href="/statistics.html" title="">Search</a></li>
  7.  
  8. 	<li><a class="menu_top" href="/index.php?do=feedback" title="">Contact</a></li>
  9.  
  10.  
  11.  
  12. 	</ul>
  13.  
  14. </div>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. div#navigation {
  2. 	padding: 0;
  3. 	margin: 0;
  4. 	height: 40px;
  5. 	overflow: hidden; /*Jeżeli elementy bloku będą wychodzić poza jego granice mogą zostać przycięte.*/
  6. 	background: #2d2d2d url(../images/nav_bg.png) left -28px repeat-x;
  7. 	text-align: center;
  8. 	position: relative;
  9. }
  10.  
  11. div#navigation ul{
  12. 	display: block;
  13. 	color: #6a6a6a;
  14. 	font-size: 11px;
  15. 	font-family: Tahoma, Verdana, Helvetica, sans-serif;
  16. 	height: 40px;
  17. 	margin: 0 auto;
  18.  
  19. }
  20.  
  21. div#navigation a {
  22. 	display: block;
  23. 	float: left;
  24. 	height: 40px;
  25. 	line-height: 40px;
  26. 	padding: 0 25px;
  27. 	color: #FFF;
  28. 	font-weight: bold;
  29. 	background: url(../images/nav_link.png) right -28px no-repeat;
  30. 	outline: none;
  31. 	text-decoration: none;
  32. }
  33.  
  34. div#navigation a:hover {
  35. 	color: #480000;
  36. 	background: #ff8c00 url(../images/nav_link.png) left -96px repeat-x;
  37. 	font-size: 11px;
  38. 	font-weight: bold;
  39. 	text-decoration: none;
  40. 	outline: none; /*Styl definiuje właściwości obramowania*/
  41. }
[HTML] pobierz, plaintext


jak zrobie tak ze dodam szerokosc
[HTML] pobierz, plaintext 
  1. div#navigation ul{
  2. 	display: block;
  3. 	color: #6a6a6a;
  4. 	width: 400px;
  5. 	font-size: 11px;
  6. 	font-family: Tahoma, Verdana, Helvetica, sans-serif;
  7. 	height: 40px;
  8. 	margin: 0 auto;
  9.  
  10. }
[HTML] pobierz, plaintext

to niby jest ok ale i tak wywala sie to np jak zmniejsze okno przegladarki to nie widac tego menu nawet
Go to the top of the page
+Quote Post
Gorgeus
post 21.09.2008, 21:40:47
Post #2





Grupa: Zarejestrowani
Postów: 11
Pomógł: 2
Dołączył: 3.11.2004

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

ale co ty wlasciwie chcesz wycentrowac? tekst w li czy caly element? pokaz moze cala strone, bo skoro cos ci znika to chyba gdzies masz bledy
Go to the top of the page
+Quote Post
blizniak
post 22.09.2008, 06:31:20
Post #3





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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

to jest kod strony
[HTML] pobierz, plaintext 
  1. <? session_start();
  2. ob_start();
  3.  
  4. ?>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  6. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html>
  8. <head>
  9. <title>no name - everything what you need</title>
  10. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  11. <!-- <link rel="stylesheet" href="css/site.css"> -->
  12. <link rel="stylesheet" href="css/menu_head.css">
  13.  
  14.  
  15. </head>
  16. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  17. <div id="navigation">
  18. <ul>
  19. 	<li><a class="menu_top" href="/index.php" title="">Home</a></li>
  20. 	<li><a class="menu_top" href="/forum/" title="">Browse</a><li>
  21. 	<li><a class="menu_top" href="/newposts/" title="">Place an Advert</a></li>
  22. 	<li><a class="menu_top" href="/statistics.html" title="">Search</a></li>
  23.  
  24. 	<li><a class="menu_top" href="/index.php?do=feedback" title="">Contact</a></li>
  25.  
  26.  
  27.  
  28. 	</ul>
  29.  
  30. </div>
  31. </body>
  32. </html>
[HTML] pobierz, plaintext

a css taki jak wyzej, chce wycentrowac to ul zeby zawsze bylo po srodku
Go to the top of the page
+Quote Post
JoShiMa
post 23.09.2008, 12:04:06
Post #4





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

Nadaj elementowi ul szerokość i boczne marginesy auto. Natomiast div v którym jest ten ul musi mieć text-align: center;


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 20.06.2025 - 01:11
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn