Bueno. mil gracias por la respuesta.
Verás, el código html en realidad no existe. Es una pagina php que carga un html dependiendo de qué sea.
Es decir, te puedo poner esto, a ver si lo entiendes, pero dentro de la parte derecha e izquierda no te pongo nada, porque ahi van cosas que se cargan, pero que no tienen importancia.
La estructura es:
- bloque que ocupa toda la imagen de fondo de un libro. Hay unos enlaces de imagenes.
- bloque-central que son el libro en sí, que es mas pequeño y es disjunto a los enlaces de las imagenes (que son pestañas en el libro, justo encima, y a los lados)
-izquierda y derecha: las paginas del libro donde va el texto.
Sobre los enlaces, hay etiquetas predefinidas al principio del css, con el a:hover, a:visited...y todo eso.
Había definido un estilo
#bloque a {
text-decoration: none;
width: 46px;
position: absolute;
}
#bloque a i{
visibility: hidden;
}
y luego un listado de todos los enlaces
a#inicio {top: 54px; left: 527px; height:40px;}
a#ambientacion {top:20px; left:590px; height:70px;}
.....
Y aquí esta el html que muestra todo esto.
Lo que pretendo es que los enlaces del texto de las paginas no tengan el estilo con ese tamaño, y todo eso. Intenté poner, como dices, el estilo completo a las etiquetas <i>, pero entonces es como si el estilo no existiera. Se hace asi lo de las i?.
<body>
<div id="bloque">
<a href="" name="inicio" target="_self" id="inicio"><i>ini</i></a>
<a href="" target="_self" id="ambientacion"><i>xTmas</i></a>
<a href="" target="_self" id="reglamento"><i>xDias</i></a>
<a href="" target="_self" id="fotos"><i>¿Nuevo?</i></a>
<a href="" target="_self" id="personajes"><i>contacto</i></a>
<a href="" target="_self" id="volver"><i>volver</i></a>
<div id="bloque-central">
<div id="Izquierda">
<?php
?>
</div>
<div id="Derecha">
<?php
?>
</div>
</div>
</div>
</body>
Gracias. Es lo unico uqe me queda arreglar para poder sacar mi web, si me podéis ayudar estaré eternamente agradecida.