Ver Mensaje Individual
  #6 (permalink)  
Antiguo 07/08/2009, 08:46
salvia
 
Fecha de Ingreso: agosto-2009
Mensajes: 2
Antigüedad: 14 años, 8 meses
Puntos: 0
PD: Re: scroll horizontal para imagenes

Aqui dejo el body de lo mencionado...

<body>
<div class="contenedor">
<div class="top">
<div class="top-data">
<h6>ZEFALONIA</h6>
</div>
<div class="top-line">
</div>
</div>
<div class="contenido">
<div class="botonera-gal">
<h5>Animals</h5>
<h5>Blanco y Negro</h5>
<h5>Natura</h5>
<h5>Paisajes</h5>
<h5>People</h5>
<h5>Secuencias</h5>
<h5>Urbano</h5>
</div>
<div class="titulo">
<h4>Urbano</h4>
</div>
</div>
<div class="down">
<h3>Tel: 115 388 6210 // [email protected]</h3>
</div>
</div>

</body>

Cita:
Iniciado por salvia Ver Mensaje
yo tengo un div que se llama "slide" y quiero poner las fotos de manera "horizontal" como hablan anteiormente en este div.. las hice de 230 de altura... pero me manda las fotos una abajo de la otra.. me pueden ayudar??

dejo el codigo CSS aqui:

.contenedor {
float: left;
height: 530px;
width: 950px;
}
.botonera-gal {
height: 380px;
float: left;
width: 170px;
background-color: #CCCCCC;
}
.tira {
height: 350px;
float: left;
}
.trama {
float: left;
height: 20px;
width: auto;
background-image: url(images/trama_1.jpg);
background-repeat: repeat-x;
}
.slide {
width: 780px;
height: 250px;
float: left;
overflow: auto;
overflow-y: hidden;
}

.titulo {
font-family: Verdana;
font-size: 14px;
background-color: #333333;
height: 80px;
float: left;
width: 780px;
}



.contenido {
height: 380px;
width: 950px;
float: left;
background-color: #000000;
}

.top {
float: left;
height: 130px;
width: 950px;
}
.top-data {
float: left;
height: 125px;
width: 950px;
background-color: #8dc63f;
}
.top-line {
float: left;
height: 5px;
width: 950px;
background-color: #FFFFFF;
background-image: url(images/space.gif);
background-repeat: repeat;
}
.down {
float: left;
height: 40px;
width: 950px;
background-color: #8dc63f;
}
h5 {
font-family: Verdana;
font-size: 12px;
color: #333333;
margin-left: 25px;
letter-spacing: 0.5px;
text-align: left;
}

h6 {
font-family: Verdana;
font-size: 28px;
color: #CCFF99;
letter-spacing: 0.5px;
}
h4 {
font-family: Verdana;
font-size: 24px;
color: #CCCCCC;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
}
h3 {
font-family: Verdana;
color: #333333;
font-size: 16px;
letter-spacing: 0.5px;
text-align: center;
}