Quero deixar o slide com o formato da imagem abaixo.
Eu adiciono o display:block
nas imagenss do meu slideshow, mas, não funciona!
HTML:
<div class="slideshow">
<div class="slide">
<div class="slide-1">
<img src="img/01.jpg">
</div>
<div class="slide-2">
<img src="img/img02.jpg">
</div>
<div class="slide-3">
<img src="img/img02.jpg">
</div>
</div>
</div>
CSS:
.slideshow{
width:100%;
max-width:980px;
height:auto;
margin:0 auto;
}
.slide{
width:100%;
height:auto;
display:block;
}
.slide-1{
width:75%;
height:505px;
float:left;
}
.slide-2{
width:50%;
height:250px;
float:right;
}
.slide-3{
width:50%;
height:250px;
float:right;
}