cant get the top image to fit into the div. help what am i doing wrong. I've tried looking at other solutions on this site but none really answer the question. I have it set to 100% for each of the image sizes but they still wont lock into the divs theyre in. a little help would be great.
<body>
<div class="container">
<div class="header">
<div class="navbar">
<ul>
<li>HOME</li>
<li>GALLERY</li>
<li>EVENTS</li>
<li>SHOP</li>
<li>ABOUT</li>
</ul>
</div>
</div>
<div class="eventbar">
<div class="events">
<article>
<div class="image"><img class="icono" src="http://ift.tt/1kmOBHx">
</div>
<div class="text">
<h1 style="margin-bottom:-20px;">Event 1</h1>
<p>this is this is placeholder text websites are fun and i like to make them. although they are freakin </p>
</div>
</article>
</div>
<div class="newimages">
<h1 class="imgtext">This is a catchy tagline</h1>
<div><img class="r-image"src="http://ift.tt/1prU5Ux">
</div>
<p>this image is about yada yada and it was featured on yada yada. and now i would like to formally present it to you the aeophex family</p>
</div>
//css//
@charset "utf-8";
/*sectionized*/
body{
margin:0px;
padding:0px;
font-family:sans-serif}
.container{}
/*header*/
.header{
background-color:#FFF;}
.aeologo{
margin-bottom:-13px;
margin-left:-8px;
}
.navbar{
margin-left:-50px;}
.navbar ul li{
display:inline;
padding-left:10px;}
/*header*/
/*events*/
.eventbar{
padding-bottom: 12px;
padding-top: 5px;
}
.events{
background-color: #06F;
padding-bottom: 19px;
padding-top: 3px;
}
.events article{
padding:10px;
display:inline;
padding-bottom:5px;}
/*events*/
.newimages{}
/*elements*/
.r-image{
padding:15px;
min-width: 25%;
max-width: 95%;
width: 95%;
}
.icono{
float: left;
padding: 2px inherit;
padding-right: 10px;
padding-left: 5px;
max-width: 100%;
min-width: 25%;
}
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire