Mam problem z pozycjonowaniem za pomocą CSS
Logo nie jest w tej samej lini co ikony.Może mi ktoś powiedzieć dlaczego ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <link rel="stylesheet" id="css" href="css/style.css" type="text/css">
<a href="index.php"><img src="images/logo.png" border="0" alt=""/></a> <div class="top_menu_opcja"><a href="#"><img src="images/start.png" border="0" alt="Start"/><br/>Start
</a></div> <div class="top_menu_opcja"><a href="#"><img src="images/dodaj_firme.png" border="0" alt="Dodaj firmę"/><br/>Dodaj firm
ę</a></div> <div class="top_menu_opcja"><a href="#"><img src="images/katalog_firm.png" border="0" alt="Katalog firm"/><br/>Katalog firm
</a></div> <div class="top_menu_opcja"><a href="#"><img src="images/gielda.png" border="0" alt="Giełda"/><br/>Gie
łda
</a></div> <div class="top_menu_opcja"><a href="#"><img src="images/reklama.png" border="0" alt="Reklama"/><br/>Reklama
</a></div> <div class="top_menu_opcja"><a href="#"><img src="images/kontakt.png" border="0" alt="Kontakt"/><br/>Kontakt
</a></div>
<div class="srodek_lewy">
<div class="footer_opcje"> <a href="#" class="footer_opcja1">O nas
</a> <a href="#" class="footer_opcja1">Reklama
</a> <a href="#" class="footer_opcja1">Polityka prywatno
ści
</a> <a href="#" class="footer_opcja2">Warunki zawierania umów
</a> <a href="#" class="footer_opcja3">Kontakt
</a>
<div class="srodek_prawy"> <div class="reklama">Reklama
</div>
Copyright 2006
CSS =>
body{
background-color:#efefef;
width:780px;
}
.logo{
height:57px;
width:265px;
display:table-cell;
}
.top_menu_opcja{
display:table-cell;
font-family:"Trebuchet MS";
font-size:12px;
color:#4c98ba;
margin:5px;
text-align:center;
top: -30;
}
.srodek_lewy{
width:632px;
display:table-cell;
margin-left:6px;
border-left:solid 1px #cccccc;
}
.srodek_prawy{
display:table-cell;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
background-color:#f9f9f9;
width:145px;
}
.reklama{
border-bottom:solid 5px #4c98ba;
background-color:#ffffff;
height:23px;
margin: 5px;
text-align:right;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:bold;
color:#4c98ba;
}
.header {
background-color:#FFFFFF;
width:100%;
}
.srodek {
background-color:#FFFFFF;
}
.footer {
height:37px;
background-image:url(../images/footer.png);
padding-top:25px;
padding-left:25px;
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#cccccc;
}
.footer_opcja1 {
margin-left:30px;
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#cccccc;
}
.footer_opcja2 {
margin-left:10px;
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#cccccc;
}
.footer_opcja3 {
margin-left:32px;
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#cccccc;
}
.footer_opcje {
height:17px;
padding-left:45px;
padding-top:2px;
background-image:url(../images/footer_opcje.png);
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#cccccc;
}
.menu {
background-color:#FFFFFF;
height:27px;
background-image:url(../images/menu.png);
border: solid 1px #4c98ba;
}
Ten post edytował murawa 8.10.2006, 19:05:05
Table - problem z pozycjonowaniem
