Merhaba arkadaşlar şöyle bir hata alıyorum.
https://hizliresim.com/76EjL5
hatayı anlatayım şimdi ben bu siyah div'e margin-top veriyorum ama kırmızı div de peşinden geliyor ne olduğunu anlamadım size sormak istedim.
CSS Kodları
HTML Kodları
hatayı çözmemde lütfen yardımcı olur musunuz?
https://hizliresim.com/76EjL5
hatayı anlatayım şimdi ben bu siyah div'e margin-top veriyorum ama kırmızı div de peşinden geliyor ne olduğunu anlamadım size sormak istedim.
CSS Kodları
Kod:
.ortalama {
width: 80%;
margin-left: auto;
margin-right: auto;
}
a {
text-decoration: none;
}
.menu ul {
margin-left: auto;
padding: 0px;
list-style-type: none;
transition-property: width;
}
.menu ul li {
float: left;
height: 30px;
width: 203px;
position: relative;
background-color: #e00000;
padding: 5px;
font-family: Arial, sans serif;
}
.menu ul li a {
height: 30px;
display: block;
color: #FFFFFF;
text-decoration: none;
padding-left: 10px;
line-height: 30px;
font-size: 14px;
transition: ease-in-out .3s;
-webkit-transition: ease-in-out .3s;
-moz-transition: ease-in-out .3s;
}
.menu ul li a:hover {
height: 30px;
display: block;
color: #e00000;
background-color: #ffffff;
text-decoration: none;
padding-left: 10px;
line-height: 30px;
font-size: 16px;
}
#header {
width: 100%;
height: 180px;
margin: 0px;
float: left;
}
#banner {
width: 100%;
overflow-y: auto;
margin: 0px;
float: left;
background-color: #6e6e6e;
}
#orta {
width: 100%;
height: 1000px;
background-color: #FFFFFF;
float: left;
margin-top: 45px;
}
#orta-haber {
background-color: red;
width: 95%;
height: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
display: block;
}
.orta-haber-konu {
background-color: black;
width: 200px;
height: 250px;
margin-top: 55px;
}
Kod:
<html>
<head>
<title>FULL OYUN İNDİR</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>
<body bgcolor="#d4d7d8">
<div id="genel">
<div id="header">
<div class="ortalama">
<div id="banner"><img src="img/banner.jpg" width="100%" height="150px"></div>
<div class="menu">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Galeri</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">Müzikler</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
</div>
</div>
<div class="ortalama">
<div id="orta">
<div id="orta-haber">
<div class="orta-haber-konu"></div>
</div>
</div>
</body>
</html>
Moderatör tarafında düzenlendi:
