Anexo HTML y CSS, parte...
Saludos tengo un sitio con spip 1.8.2, que trabaja con hojas de estilo css,
el problema que tengo es que en parte de inicio del sitio coloque unas
figuras que funcionan como botones de menú para las opciones, todo por
medio de css, funciona perfecto con Mozilla en Linux y Windows, pero cuando
lo abro con el Iexplorer de Win, no salen las figuras. No se que puede ser
el propblema que es incompatible ta que otros menus más simples a lo
interno del sitio si me funcionan...
Pongo una parte del código css que NO funciona en IE.( #esfera1 a:link,)
No lo tengo en línea ya que esta en proceso pero si realmente es mejor para
que me ayuden lo pongo.
Muchas Gracias por la ayuda.
/**********************************************/
/* STRUCTURE CSS Cantillo Web */
/**********************************************/
body /* Formato del texto */
{
background: #555555; /*url(../images/fondo.png) no-repeat;*/
color: #444;
margin: 0;
padding: 0;
border: 0;
font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans",
verdana, lucida, arial, helvetica, sans-serif;
font-size: 12px;
padding-top: 5px;
padding-bottom: 25px;
}
#page_portada /* Fondo de texto articulos */
{
background: #4f5c89 url(../images/fondo1.jpg) no-repeat;
text-align: left;
margin: auto;
padding: 0;
width: 900px; /*ancho cuadro central */
border:none;
}
#page /* Fondo de texto articulos */
{
background: #4f5c89 url(../images/fondo2.jpg) no-repeat;
text-align: left;
margin: auto;
padding: 0;
width: 900px; /*ancho cuadro central */
border:none;
}
#entete /* Fondo de encabezado prop banner */
{
background: #000; /*url(../images/piramide1.png) repeat;*/
border: 0;
margin: 10;
height: 60px;
padding: 0 0 0 10px;
text-align: left;
line-height: 45px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
color: #fff;
}
#esfera1 a:link, /* Para colocar las figuras del menu entrada */ --- NO
funciona en IE
{
background: url(../images/esfera1_g.png) no-repeat;
position:relative;top:520px;left:680px;z-index:3;
border: 0;
margin: 10px 10px 10px 20px; /* margenes: sup der inf izq */
padding: 110px 115px 0px 0.5em;
height: 20px;
width: 20px;
text-align: right;
line-height: 10px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
color: #ff2;
}
#esfera1 a:hover /*al paso del ratón, figuras del menu entrada */ --- NO
funciona en IE
{
background: url(../images/esfera1_g1lu.png) no-repeat;
position:relative;top:520px;left:680px;z-index:3;
border: 0;
margin: 10px 10px 10px 20px; /* margenes: sup der inf izq */
padding: 110px 115px 0px 0.5em; /*define tamano del botones */
height: 20px;
width: 20px;
text-align: center;
line-height: 10px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
color: #ff2;
}
.... más no incluido, es similar a lo anterios con otras figuras en otras
posiciones .....
*** ----- Gracias --- ***
código HTML :
**********************************************************
<div id="esfera1">
<a href="#URL_SITE_SPIP/rubrique.php3?id_rubrique=8" title="Escritos"
onMouseOver="handleClick('show it'); return false;"
onMouseOut="handleClick('hide it'); return false" > </a>
</div><!-- fin entete -->
<div id="esfera2">
<a href="#URL_SITE_SPIP/rubrique.php3?id_rubrique=4" title="El Artista"
onMouseOver="handleClick('show it'); return false;"
onMouseOut="handleClick('hide it'); return false"></a>
</div>
<div id="esfera3">
<a href="#URL_SITE_SPIP/rubrique.php3?id_rubrique=11" title="Foro y
Contacto"> </a>
</div>
<div id="piramide1a">
<a href="#URL_SITE_SPIP/rubrique.php3?id_rubrique=7" title="El Atelier"> </a>
</div>
<div id="piramide1b">
<a href="#URL_SITE_SPIP/rubrique.php3?id_rubrique=10" title="Galeria"> </a>
</div>
<div id="piramide1c">
<a href="#URL_SITE_SPIP/rubrique.php3?id_rubrique=9" title="Su Obra"> </a>
</div>
<div id="piramide2">
<a href="#URL_SITE_SPIP" title="Cantillo"> </a>
</div>
*************************************** fin html **********
--
L'essentiel est invisible pour les yeux
___________________________________________________________________________
Yahoo! Mail réinvente le mail ! Découvrez le nouveau Yahoo! Mail et son interface révolutionnaire.