Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]wysrodkowanie tekstu w menu
jackuss
post
Post #1





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

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

Nie mam pomyslu jak wysrodkowac odnosniki w menu, moze ktos pomoze?

(IMG:http://img525.imageshack.us/img525/8328/screensku.png)

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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
potreb
post
Post #2





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

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

line-height, paddingi
Go to the top of the page
+Quote Post

Posty w temacie
- jackuss   [HTML][CSS]wysrodkowanie tekstu w menu   5.05.2012, 15:17:44
- - potreb   line-height, paddingi   5.05.2012, 15:18:45
- - jackuss   z paddingiem mi sie rozjezdzalo ale line-height po...   5.05.2012, 15:42:14

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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