11/01/2009, 16:54
|
| | | Fecha de Ingreso: noviembre-2008
Mensajes: 52
Antigüedad: 16 años Puntos: 0 | |
| Respuesta: Ayuda con el estilo en un div
Este es el html:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<html>
<head>
<link rel="stylesheet" href="estilo.css" type="text/css">
<title>Candeal - Música Tradicional</title>
<link href="logos/favicon.ico" rel="shortcut icon">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div align="center">
<center><img src="logos/candealtitulo2.jpg"></center>
<script type="text/javascript" src="dom-drag.js"></script>
<script type="text/javascript" src="ypSimpleScrollC.js"></script>
<script type="text/javascript" src="scroller.js"></script>
<script type="text/javascript">
instantiateScroller(0, "scroll0", 7, 0, 800, 300, 150);
instantiateScroller(1, "scroll1", 7, 0, 375, 200, 150);
</script>
<div class="root" id="root0">
<div class="scrollContainer" id="scroll0Container">
<div class="scrollContent" id="scroll0Content">
<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/7RVOKTm71ww&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7RVOKTm71ww&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/Z9ZfOu69ufU&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Z9ZfOu69ufU&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
<br><object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/AOu7ppwnZEA&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/AOu7ppwnZEA&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/TlbQjPnQmck&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TlbQjPnQmck&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
<br><object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/g4peA9OQOsk&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/g4peA9OQOsk&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/4ByMUg0Oi0s&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/4ByMUg0Oi0s&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
<br><object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/sm2MakAbPsQ&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/sm2MakAbPsQ&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/RssRfGg5mAA&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/RssRfGg5mAA&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
</div>
</div>
</div>
<br><br><br><br><br><br><br><br><br>
<table border="0">
<tr>
<td width="116"><a href="index.html"><center><img class="botones" src="botones/principal3.jpg"></a></center>
<td width="126"><a href="biografia.html"><center><img class="botones" src="botones/biografia3.jpg"></a></center>
<td width="131"><a href="discografia.html"><center><img class="botones" src="botones/discografia2.jpg"></a></center>
<td width="107"><a href="galeria.html"><center><img class="botones" src="botones/galeria3.jpg"></a></center>
<td width="107"><a href="prensa.html"><center><img class="botones" src="botones/prensa3.jpg"></a></center>
<td width="107"><a href="visitas.php"><center><img class="botones" src="botones/visitas3.jpg"></a></center>
<td width="116"><a href="contacto.html"><center><img class="botones" src="botones/contacto3.jpg"></a></center>
</table>
</div>
</body>
</html>
Y lo relacionado a eso del css es:
Código:
/*********************** SCROLLERS ***********************/
.root {
position: relative;
height: 200px;
width: 810px;
margin: 0px 0px 8px 7px;
color: #FFC700;
}
.root p {
margin: 10px 10px 5px 10px;
text-align: justify;
}
.thumb {
position: absolute;
height: 9px;
width: 15px;
left: 10px;
}
.up, .dn {
position: absolute;
left: 10px;
}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
border: 0;
}
.scrollContainer {
position: absolute;
left: 2px;
top: 19px;
width: 350px;
height: 200px;
clip: rect(0 467 200 0);
overflow: auto;
border-top: 2px solid #FFC700;
border-left: 2px solid #FFC700;
border-right: 2px solid #FFC700;
border-bottom: 2px solid #FFC700;
background: #000000;
}
.scrollContent {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
margin: 0px 0px 5px -5px;
}
/*********************** FIN DE SCROLLERS ***********************/
Para hacer eso tengo tres archivos javascript pero supongo que más que eso lo que influye está en el html, si queréis que ponga el código de los archivos javascript me lo decís.
Muchas gracias.
Última edición por ridgeback; 12/01/2009 a las 07:31 |