Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]wysrodkowanie tekstu w menu
Forum PHP.pl > Forum > Przedszkole
jackuss
5.05.2012, 15:17:44
Nie mam pomyslu jak wysrodkowac odnosniki w menu, moze ktos pomoze?



oto kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3. <head>
  4.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5.       <title>.:[Title]:.</title>
  6.       <link  rel="stylesheet" type="text/css" href="style.css" />
  7. </head>
  8.  
  9. <body>
  10. 	<div  id="strona">
  11.  
  12. 	 	<div  id="banner">
  13. 	 	banner
  14. 	 	</div>
  15.  
  16. 	 	<div  id="menu">
  17. 	 		<ul> 
  18. 	 			<li> <a  href="link1.php">Link1</a> </li>
  19. 	 			<li> <a  href="link2.php">Link2</a> </li>
  20. 	 			<li> <a  href="link3.php">Link3</a> </li>
  21. 	 			<li> <a  href="link4.php">Link4</a> </li>
  22. 	 		</ul>
  23. 	 	</div>
  24.  
  25. 	</div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext 



[CSS] pobierz, plaintext 
  1. #strona
  2. {
  3.   width: 900px;
  4.   margin: auto;
  5.   padding: 0px;
  6. }
  7.  
  8. #banner
  9. {
  10.   display: table-cell;
  11.   vertical-align: middle;
  12.   width: 900px;
  13.   height: 100px;
  14.   background-color: blue;
  15.   text-align: center;
  16. }
  17.  
  18. #menu
  19. {
  20.   width: 900px;
  21.   height: 50px;
  22.   background-image: url(grafika/menu.png);
  23. }
  24.  
  25. #menu ul
  26. {
  27.   list-style: none;
  28.   margin: 0px;
  29.   padding: 0px;
  30. }
  31.  
  32. #menu ul li
  33. {
  34.   float: left;
  35.   height: 50px;
  36.   width: 100px;
  37. }
  38.  
  39. #menu a:link, #menu a:visited
  40. {
  41.   height: 50px;
  42.   text-align: center;
  43.   text-decoration: none;
  44.   display: block;
  45.   background-image: url(grafika/menu2.png);
  46. }
  47.  
  48. #menu a:hover
  49. {
  50.   background-image: url(grafika/menu1.png);
  51. }
[CSS] pobierz, plaintext
potreb
5.05.2012, 15:18:45
line-height, paddingi
jackuss
5.05.2012, 15:42:14
z paddingiem mi sie rozjezdzalo ale line-height pomoglo, dzieki wink.gif
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.