Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Paulo1016

Organizar as mini fotos na Horizontal

Recommended Posts

Não estou conseguindo Organizar as mini fotos na Horizontal?

 

Exemplo:

 

Sem_ttulo.jpg São Fotos de Teste..

 

Esse é o Código:

<html>
<head>

<title>Meu Site SLIDE</title>

<link rel="stylesheet" type="text/css" href="style.css" />
<style>
#miniaturas {
width:584px;
height:495px;
border:5px solid #666;
}

#miniaturas ul {
list-style-type: none;
margin:0px;
padding:0px;
}

. btshoriz{

}

#miniaturas ul.lista {
border-top:3px solid #666;
}

#miniaturas ul.lista li img {
background:#fff;
padding:2px;
}

#esconde {
overflow:hidden;
height:438px;
}
</style>

</head>
<body>

<div id="miniaturas">

<div id="esconde">
<div id="foto1" >
<img src="imagens/foto1.jpg" width="584" height="438" alt="IMAGEM OFF" />
</div>
<div id="fotoi2" >
<img src="imagens/foto2.jpg" width="584" height="438" alt="IMAGEM OFF" />
</div>
<div id="fotoii3" >
<img src="imagens/foto3.jpg" width="584" height="438" alt="IMAGEM OFF" />
</div>
<div id="fotoiii4" >
<img src="imagens/foto4.jpg" width="584" height="438" alt="IMAGEM OFF" />
</div>
<div id="fotoiv5" >
<img src="imagens/foto5.jpg" width="584" height="438" alt="IMAGEM OFF" />
</div>
<div id="fotov6" >
<img src="imagens/foto6.jpg" width="584" height="438" alt="IMAGEM OFF" />
</div>
</div>

<ul class="lista">
<li id=""><a href="#foto1"> <img class="btshoriz" src="imagens/foto1.jpg" width="75" height="50" alt="IMAGEM OFF"></a></li>
<li id=""><a href="#fotoi2"> <img class="btshoriz" src="imagens/foto2.jpg" width="75" height="50" alt="IMAGEM OFF"></a></li>
<li id=""><a href="#fotoii3"> <img class="btshoriz" src="imagens/foto3.jpg" width="75" height="50" alt="IMAGEM OFF"></a></li>
<li id=""><a href="#fotoiii4"> <img class="btshoriz" src="imagens/foto4.jpg" width="75" height="50" alt="IMAGEM OFF"></a></li>
<li id=""><a href="#fotoiv5"> <img class="btshoriz" src="imagens/foto5.jpg" width="75" height="50" alt="IMAGEM OFF"></a></li>
<li id=""><a href="#fotov6"> <img class="btshoriz" src="imagens/foto6.jpg" width="75" height="50" alt="IMAGEM OFF"></a></li>
</ul>

</div>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.