Eu quero deixar um arquivo ao lado do outro. como por exemplo uma simples foto.
vamos supor que esse seja o codigo. tem a imagem que eu quero e o botão.
como você pode ver tem 2 imagens ai. a 2555487.jpg [[imagem 1]] e a 2875444.jpg [[imagem 2]] a minha duvida é o seguinte.
a [[imagem 1]] está no local certo. já [[imagem 2]] está a baixo dela. eu não queri isso, eu quero ela ao lado. com um conteudo diferente. quando você clica ele redireciona para uma nova .HTML. ou seja abrindo uma nova pagina.
HTML
<ul class="post">
<li>
<div class="imageml2">
<img src="_p2p/interlude/_imagens/2555487.jpg" title=" ---------- " rel="tooltip" alt=" ----------- "/>
<a href="_p2p/interlude/subx3.html"/>
<span class="player" rel="tooltip" alt=" ---------- " title=" -------- "/>
</a>
</div>
<div class="imageml2">
<img src="_p2p/interlude/_imagens/2875444.jpg" title=" ---------- " rel="tooltip" alt=" ----------- "/>
<a href="_p2p/interlude/subx32.html"/>
<span class="player" rel="tooltip" alt=" ---------- " title=" -------- "/>
</a>
</div>
</li>
</ul>
CSS
.items ul.post li {
float: left;
;
margin-top: -40px;
position: relative;
width: 185px;
}
.items ul.post li .imageml2 {
border: 0px;
float: left;
height: 160px;
margin: 0 10px 20px;
position: relative;
width: 107px;
}
.items ul.post li .imageml2 h2 {
display:none;
}
.items ul.post li .imageml2 img {
height:160px;
width:107px;
}
a {
outline:0;
text-decoration:none;
}
Resumindo tudo. olha essa imagem. são 3 imagens diferentes, uma ao lado da outra. as minhas não estão assim. elas estão uma em baixo da outra e eu quero ao lado.
Qual é o código.
PS: EU SOU PÉSSIMO PARA EXPLICAR. ENTÃO DESCULPA HAHHAHA