Mam problem z pozycjonowaniem za pomocą CSS
Logo nie jest w tej samej lini co ikony.Może mi ktoś powiedzieć dlaczego ?
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <title></title>
  6. <link rel="stylesheet" id="css" href="css/style.css" type="text/css">
  7. </head>
  8.  
  9. <body>
  10. <div class="header">
  11.  
  12. 	<div class="logo">
  13. 	<a href="index.php"><img src="images/logo.png" border="0" alt=""/></a>
  14.     </div>
  15. 		<div class="top_menu_opcja"><a href="#"><img src="images/start.png" border="0" alt="Start"/><br/>Start</a></div>
  16. 		<div class="top_menu_opcja"><a href="#"><img src="images/dodaj_firme.png" border="0" alt="Dodaj firmę"/><br/>Dodaj firmę</a></div>
  17. 		<div class="top_menu_opcja"><a href="#"><img src="images/katalog_firm.png" border="0" alt="Katalog firm"/><br/>Katalog firm</a></div>
  18. 		<div class="top_menu_opcja"><a href="#"><img src="images/gielda.png" border="0" alt="Giełda"/><br/>Giełda</a></div>
  19. 		<div class="top_menu_opcja"><a href="#"><img src="images/reklama.png" border="0" alt="Reklama"/><br/>Reklama</a></div>
  20. 		<div class="top_menu_opcja"><a href="#"><img src="images/kontakt.png" border="0" alt="Kontakt"/><br/>Kontakt</a></div>
  21.  
  22.  
  23. </div>
  24. <div class="menu"></div>
  25. <div class="srodek">
  26.   <div class="srodek_lewy">
  27.  
  28. 	    <p>&nbsp;</p>
  29. 	    <p>&nbsp;</p>
  30. 	    <p>&nbsp;</p>
  31. 	    <p>&nbsp;</p>
  32. 	    <p>&nbsp;</p>
  33. 		<p>&nbsp;</p>
  34. 	    <p>&nbsp;</p>
  35. 	    <p>&nbsp;</p>
  36. 	    <p>&nbsp;</p>
  37. 	    <p>&nbsp;</p>
  38. 		<div class="footer_opcje">
  39. 			<a href="#" class="footer_opcja1">O nas</a>
  40. 			<a href="#" class="footer_opcja1">Reklama</a>
  41. 			<a href="#" class="footer_opcja1">Polityka prywatności</a>
  42. 			<a href="#" class="footer_opcja2">Warunki zawierania umów</a>
  43. 			<a href="#" class="footer_opcja3">Kontakt</a>
  44. 		</div>
  45.  
  46.   </div>
  47. 	<div class="srodek_prawy">
  48. 		<div class="reklama">Reklama</div>
  49. 	</div>
  50. </div>
  51.  
  52. <div class="footer">
  53. Copyright 2006 
  54. <br/>
  55.  
  56. </body>
  57. </html>
[HTML] pobierz, plaintext




CSS =>
[HTML] pobierz, plaintext 
  1. body{
  2. background-color:#efefef;
  3. width:780px;
  4. }
  5. .logo{
  6. height:57px;
  7. width:265px;
  8. display:table-cell;
  9. }
  10. .top_menu_opcja{
  11. 	display:table-cell;
  12. 	font-family:"Trebuchet MS";
  13. 	font-size:12px;
  14. 	color:#4c98ba;
  15. 	margin:5px;
  16. 	text-align:center;
  17.  
  18. 	top: -30;
  19.  
  20. }
  21. .srodek_lewy{
  22. width:632px;
  23. display:table-cell;
  24. margin-left:6px;
  25. border-left:solid 1px #cccccc;
  26. }
  27. .srodek_prawy{
  28. display:table-cell;
  29. border-left:solid 1px #cccccc;
  30. border-right:solid 1px #cccccc;
  31. background-color:#f9f9f9;
  32. width:145px;
  33.  
  34. }
  35. .reklama{
  36. border-bottom:solid 5px #4c98ba;
  37. background-color:#ffffff;
  38. height:23px;
  39. margin: 5px;
  40. text-align:right;
  41. font-family:"Trebuchet MS";
  42. font-size:12px;
  43. font-weight:bold;
  44. color:#4c98ba;
  45.  
  46. }
  47.  
  48.  
  49. .header {
  50. background-color:#FFFFFF;
  51. width:100%;
  52. }
  53. .srodek {
  54. background-color:#FFFFFF;
  55.  
  56. }
  57. .footer {
  58. height:37px;
  59. background-image:url(../images/footer.png);
  60. padding-top:25px;
  61. padding-left:25px;
  62. font-family:"Trebuchet MS";
  63. font-size:11px;
  64. font-weight:bold;
  65. color:#cccccc;
  66.  
  67.  
  68. }
  69. .footer_opcja1 {
  70. margin-left:30px;
  71. font-family:"Trebuchet MS";
  72. font-size:11px;
  73. font-weight:bold;
  74. color:#cccccc;
  75.  
  76.  
  77. }
  78. .footer_opcja2 {
  79. margin-left:10px;
  80. font-family:"Trebuchet MS";
  81. font-size:11px;
  82. font-weight:bold;
  83. color:#cccccc;
  84.  
  85.  
  86. }
  87. .footer_opcja3 {
  88. margin-left:32px;
  89. font-family:"Trebuchet MS";
  90. font-size:11px;
  91. font-weight:bold;
  92. color:#cccccc;
  93.  
  94.  
  95. }
  96. .footer_opcje {
  97. height:17px;
  98. padding-left:45px;
  99. padding-top:2px;
  100. background-image:url(../images/footer_opcje.png);
  101. font-family:"Trebuchet MS";
  102. font-size:11px;
  103. font-weight:bold;
  104. color:#cccccc;
  105.  
  106.  
  107. }
  108. .menu {
  109. background-color:#FFFFFF;
  110. height:27px;
  111. background-image:url(../images/menu.png);
  112. border: solid 1px #4c98ba;
  113.  
  114. }
[HTML] pobierz, plaintext