Buenas noches, he intentado hacer que mi banner se mueva pero nada que puedo. me echan una mano o me dicen mas o menos que debo leer pa ponerme en marcha!
la idea es que se mueva el banner a la imagen mas grande, pa darle un click y ya!
http://imageshack.us/photo/my-images/35/bocetokv.jpg/
Html
Código HTML:
Ver original<!doctype html>
<link href="css.css" rel="stylesheet" type="text/css">
<div id="contenedor-mains"> <div class="flotados1">imagen 1
</div> <div class="flotados2">imagen 2
</div> <div class="flotados3">video 1
</div> <div class="flotados4">video 2
</div> <div class="flotados5">Contenido 1
</div> <div class="flotados6">Contenido 2
</div>
css
Código CSS:
Ver original@charset "utf-8";
/* CSS Document */
body { text-align:center; }
#contenedor-mains
{
background:#000;
width:942px;
height:573px;
margin: 0 auto 0 auto;
}
.flotados1
{
border:2px solid #FF0100;
background:#fff;
width:614px;
height:369px;
margin:5px;
float:left;
}
.flotados2
{
border:2px solid #FF0100;
background:#fff;
width:300px;
height:177px;
margin:5px;
float:right;
}
.flotados3
{
border:2px solid #FF0100;
background:#fff;
width:300px;
height:177px;
margin:5px;
float:right;
}
.flotados4
{
border:2px solid #FF0100;
background:#fff;
width:300px;
height:177px;
margin:5px;
float: right;
}
.flotados5
{
border:2px solid #FF0100;
background:#fff;
width:300px;
height:177px;
margin:5px;
float: right;
}
.flotados6
{
border:2px solid #FF0100;
background:#fff;
width:300px;
height:177px;
margin:5px;
float: left;
}
.clear
{
clear:both;
}
Tengo una duda mas...
yo puedo llamar <header id> o <header class> o existe algun problema??
Otra duda es que el div lo uso para el diseño y el section pa marcar una seccion?
<div id"contenido">
<section>te amo</section>
</div>
o como es este rollo aun no entiendo muy bien!
gracias