Divin içine resim koymak istiyorum ama div'in altında gözüküyor resim bu sorunun kaynagı nedir ? Html Css ve Resim asagıda mor div'in altındaki resim mor'un içine gelmesi lazı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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Document</title>
</head>
<body>
<div class="container">
<div class="ust">Ust Div</div>
<div class="Video">Video</div>
<div class="orta">Orta</div>
<div class="alt">
<a href="#"><img src=galio.png id="r1" /></a>
</div>
<div class="alt2"></div>
</div>
</html>
.container{ width: 100%;
}
.ust {
width: 24.5%;
height: 150px;
background-color: blue;
display: inline-block;
float: left;
position: relative;
}
.orta {
width: 49.7%;
height: 652px;
background-color: red;
float: left;
position: relative;
margin-left: 2px;
}
.alt {
width: 24.5%;
height: 275px;
margin-top: 13px;
background-color: yellow;
}
.alt2 {
width: 24.5%;
height: 150px;
margin-top: -15px;
background-color: purple;
}
.Video {
position: relative;
display: inline-block;
width: 25.2%;
height: 240px;
background-color: purple;
float:right;
}
#r1{
float: left;
max-height: 150px;
max-width: 150px;
padding-top: -10px;
top: -10px;
}