Merhaba,
CSS Öğrenmek için bir PSD Tasarımı HTML'ye döküyorum.
Şöyle bir hata var.
Neden böyle oluyor bu şekilde olmasını istiyorum.
HTML kodlarım ;
<!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"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<style type="text/css">
#genel #header ul li a {
font-family: Arial, Helvetica, sans-serif;
}
</style>
<title>Başlıksız Belge</title>
</head>
<body>
<!--Genel-->
<div id="genel">
<div id="header">
<div class="logo">
<a href="#">
<img src="images/logo.png" alt="Logo" title="Logo" />
</a>
</div>
<div id="banner">
<img src="images/bannerb.png" alt="banner" title="banner" />
</div>
<div id="menu">
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">Projelerim</a></li>
<li><a href="#">Referanslarım</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
</div>
<div id="icerik">
<div id="kutu"><img src="images/karakter.jpg" alt="karakter" title="karakter" /></div>
</div>
</div>
</body>
</html>CSS kodlarım
/* Bu CSS Dökümanı Berkay BEKTAŞ Tarafından Yazılmıştır. */
body {background-image:url(../images/bodyBg.jpg)}
#genel {width:940px; margin: 0 auto}
#header {height:172px; position:relative;}
#banner {width:940px; height:350px; background-color:#FFF;}
#menu {width: 940px; height: 48px; background-image: url(../images/menu.png);
}
#menu ul { margin:0; padding:0; }
#menu ul li {float:left; margin-right:20px; list-style-type:none; margin-left:20px;}
#menu ul li a {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; font-weight:regular; text-decoration:none; line-height:50px;}
#menu ul li a:hover { background-color:#666 }
#icerik { width:940px; height:737px; background-color:#FFF;}
#kutu { width:177px; height:117px; float:left; }