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 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;
}