dikey şekilde sıralanıyor.bunu nasıl düzeltebilirm.ayrıntılı acıklama yapmanıza gerekyok.
bir tane menü adında div im var. ve bunun css i var
dreamwever kullanmıyorum.
ben yinede kodları vereyim
İNDEX.HTML
İNDEX.CSS
bir tane menü adında div im var. ve bunun css i var
dreamwever kullanmıyorum.
ben yinede kodları vereyim
İNDEX.HTML
HTML:
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Html ve Css Tema Yapımı</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@import url("index.css");
</style>
</head>
<body>
<div id="kapsayici">
<div id="ust">
<div class="logo">Logo</div>
<div class="menu">
<ul>
<b><ul><a href="index.php">Anasayfa</a></ul></b>
<b><ul><a href="hakkimizda.php">Hakkımızda</a></ul></b>
<b><ul><a href="iletisim.php">İletişim</a></ul></b>
</ul>
</div>
</div>
<div id="orta">
<div class="icerik">İçerik</div>
<div class="yan-menu">Yan menü</div>
<div class="temizle"></div>
</div>
<div id="alt">Alt ısım</div>
</div>
</body>
</html>
HTML:
body
#kapsayici{
margin: 0 auto;
width: 940px;
}
#ust{
background: #E6E5E3;
margin: 0 0 10px 0;
padding: 10px 10px 10px 10px;
height: 150px;
}
#ust .logo {
padding: 10px;
font-size: 24px;
font-weight: bold;
height: 70px;
}
#ust .menu{
text-align:left;text-align:top;
list-style-type:none;
background: #D2D0D1;
padding: 10px;
height: 40px;
}
#orta{
background: #E6E5E3;
padding: 10px;
margin: 0 0 10px 0;
}
#orta .icerik{
background: #D2D0D1;
float: left;
width: 650px;
padding: 10px;
margin: 0 10px 0 0;
position: relative;
height: 500px;
}
#orta .yan-menu{
background: #D2D0D1;
float: right;
width: 220px;
padding: 10px;
position: relative;
height: 500px;
}
#alt{
background: #E6E5E3;
padding: 10px;
height: 150px;
}
.temizle{clear: both;}
)