Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] centrowanie div li
Forum PHP.pl > Forum > Po stronie przeglądarki
blizniak
21.09.2008, 20:48:11 
[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
Gorgeus
21.09.2008, 21:40:47
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
blizniak
22.09.2008, 06:31:20
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
JoShiMa
23.09.2008, 12:04:06
Nadaj elementowi ul szerokość i boczne marginesy auto. Natomiast div v którym jest ten ul musi mieć text-align: center;
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.