Prueba esto:
<div class="adorno1"> </div>
Almirante von Web/.
--------------------------------------
"Educando al asno, por no apalearlo."
©2007 ;-)
----- Original Message -----
From: "laura" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Sent: Friday, February 16, 2007 5:30 PM
Subject: [Ovillo] divs decorativos?
hola
estoy haciendo una pagina más que nada decorativa, y la estoy haciendo
a base de divs vacios, supongo q está fatal porque al verla con
firefox solo se ve el div central XD. Sin embargo en Safari, se ve
estupendamente.
el codigo html:
<div class="all">
<div class="adorno1"></div>
<div class="adorno2"></div>
<div class="central">
<dl> <!-- si quereis comentarme como de mal está este
codigo q sigue... estare encantada :), es un dl i dentro un <a href> y
dentro dt y dd, en firefox se ve y en safari tambien, pero dudo q sea
valido. -->
<a href="#">
<dt>direccion</dt>
<dd><span>comentario</span></dd>
</a>
</dl>
</div>
</div> <!-- all-->
El codigo css :
body {
background:grey;
font-size:1.3em;
padding-top:4%;
}
div.all {
z-index:-5;
}
div.central{
background:red;
width:60%;
height:62%;
margin-left:20%;
z-index:2;
}
dl {
width:10%;
height:70%;
background-color:black;
padding:10%;
}
dt {
color:cyan;
margin-left:10px;
}
dd {
margin-left:100px;
color:beige;
}
a{
text-decoration:none;
color:cyan;
}
a:hover span{
color:white;
font-size:1.7em;
}
.adorno1{
border-left:3em solid black;
border-top:3em solid red;
border-bottom:3em solid red;
border-right:3em solid red;
margin-top:30px;
width:60%;
height:60%;
position:absolute;
z-index:-3;
}
.adorno2{
border-top:3em solid black;
border-right:3em solid red;
border-bottom:3em solid black;
border-left:3em solid red;
height:30%;
width:55%;
position:absolute;
margin-left:30%;
margin-top:20%;
z-index:-2;
}
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
