Organizar as mini fotos na Horizontal
Não estou conseguindo Organizar as mini fotos na Horizontal?
Exemplo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://dc598.4shared.com/img/4MDTNq_9ce/s3/148e690bf98/Sem_ttulo.jpg&key=68ad8840d8897a4bc26e537a087714978603af760e388f03fdedba5381f61fd5" alt="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>Discussão (2)
Carregando comentários...