Foros del Web » Creando para Internet » CSS »

franjas con css

Estas en el tema de franjas con css en el foro de CSS en Foros del Web. Hola soy nuevo en esto y tengo un problema con mi diseño, os cuento. He utilizado un codigo css para realizar una pagina con franjas, ...
  #1 (permalink)  
Antiguo 21/10/2008, 17:13
 
Fecha de Ingreso: octubre-2008
Mensajes: 8
Antigüedad: 9 años, 1 mes
Puntos: 0
franjas con css

Hola soy nuevo en esto y tengo un problema con mi diseño, os cuento. He utilizado un codigo css para realizar una pagina con franjas, el problema es que con firefox me va bien pero con ie no, la imagen del video youtube se queda siempre encima de todo y no se que puedo hacer.
Probadlo por favor!

Muchas gracias!

codigo:

<html>
<head>
<title> web </TITLE>

<style type="text/css">
<!--
body {background: url("gearte.jpg");
background-repeat: repeat-y;
background-attachment: fixed;
background-position:100% 100%;
}


ul.franjas {
width:800px;
height:200px;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}

ul.franjas li {
display:inline;
margin:0;
padding:0;
}

ul.franjas li a {
display:block;
height:600px;
width:100px;
border-right:1px solid #f6f6f6;
text-align:justify;
float:left;
outline:none;
text-decoration:none;
}

ul.franjas li a b {
display:block;
font-size:11px;
text-transform:uppercase;
margin-bottom:10px;
}

a.s1 {background-color:#a0a0a0; color:white;}
a.s2 {background-color:#868645; color:white;}
a.s3 {background-color:#ddbd58; color:white;}
a.s4 {background-color:#dd904e; color:white;}
a.s5 {background-color:#dd6e45; color:white;}


ul.franjas li a span {
display:none;
padding:20px;
text-align:justify;}

ul.franjas li a:hover {
width:350px;}

ul.franjas li a:hover span {
display:block;}

ul.franjas img {
float: left;
margin-right:15px;
margin-bottom:60px;
border:6px solid F2F2F2;
}
-->
</style>
</head>

<body>
<ul class="franjas">
<li>

<a href="#" class="s1"><span>
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas1.jpg">
<b>gearte Produkzioak</b></span>gearte Produkzioak</a></li>

<li>

<a href="#" class="s2"><span>
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas2.jpg">
<b>Komikiak</b></span>Komikiak</a></li>

<li>
<a href="#" class="s3"><span>
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas3.jpg">
<b>Kantak</b> </span>Kantak</a></li>

<li>
<a href="#" class="s4"><span>
<img src="camara.jpg">

<b>Laburmetraiak</b>Ikus ditzazkegu gearte Produkzioak eginiko laburmetraiak.
<object width="425" height="344"><param name="movie"
value="http://www.youtube.com/v/dJS1RbUebLc&hl=es&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/dJS1RbUebLc&hl=es&fs=1"
type="application/x-shockwave-flash" allowfullscreen="true" width="325"
height="244"></embed></object>
</span>Laburmetraiak</a></li>
<li>
<a href="#" class="s5"><span>
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas2.jpg">
<b>Gajate Flash</b></span>Gajate Flash</a></li>
</ul>
</body>
</html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:43.