Puf, pues no se que puede ser... porque este es el código que tengo:
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>
El css completo es:
Código:
body{
background-color: black;
color: #FFC700;
font-family: verdana;
font-size: 8pt;
}
H1{
font-size: 24pt;
font-family: verdana;
text-align: center;
color: FFC700;
}
p.biografia{
color: #FFC700;
text-align: left;
text-indent: 2%;
font-family: verdana;
font-size: 10pt;
}
a.botones{
text-decoration: none;
color: black;
}
table.comentarios{
font-size: 9pt;
}
img.botones{
border: 0;
}
img.principal{
border-color= transparent;
}
#imagenfondo{
position: absolute; top: 65%; left: 15%;
z-index: -1;
}
HR{
color: #FFC700;
width: 75%;
size: 15px;
}
/*********************** 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 ***********************/
Y lo de refrescar la caché es dar a F5 ¿no? si es eso, sí que la he refrescado... 40 veces...
A mi tambien se me ve bien si pongo solo el estilo de los scrollers...
Se me ve así:
Y yo quiero que se vea así, pero sin que se salgan del borde los videos:
[IMG]
[/IMG]
El caso es que acabo de ponerlo en una carpeta aparte sin imágenes ni nada, sólo el estilo y el html y se me ve bien pero "feo", como en la imagen de arriba pero con el fondo negro y alguna otra cosa que lleva el estilo pero con la flecha por defecto. Asi que no se que pensar...