Cita:
Iniciado por iconogt ...con lo de la separación de los links, lo mejor sería usar un listado, (Lo cual es la manera corrécta de hacerlo no?)...
También lo puedes hacer sin necesidad de un listado, simplemente se hacen los links y ya, así se ahorra código y (a mi modo de ver) se usa correctamente el CSS:
Código:
.linkeos a:link, .linkeos a:active, .linkeos a:visited {/* por qué tan largo? R: IE, porque con a:link bastaría*/
display: block;
width: 100%;
border-bottom: 1px solid #CCCCCC;
text-decoration: none; /*esto es por que no me gusta el subrayado*/
}
.linkeos a:hover {
background-color: red;
color: white;
}
Código HTML:
<div class="linkeos"><a href="#link1">Link1</a>
<a href="#link2">Link2</a>
<a href="#link3">Link4</a>...</div>
Esto anterior, solo para los links, y para que sigas un orden puedes, por ejemplo, hacer los "titulitos con el fondo rojo" con h1 o h2 y en la clase que acabo de poner hacer:
y aquí poner lo que haces con <span class="estilo77">ACTUALITAT<span>, también te sugiero que no anides un "span" dentro de otro "span" (que tiene como 3 clases), pues no le estás dando sentido semántico a tu HTML ni estás aprovenchando realmente el potencial de CSS.
Sin más y espero haber ayudado.
Saludos,