meter enlaces en divs?

[chocovo]

Hola a todos,

Llevo un buen rato intentando varias cosas pero no lo consigo.
En mi pagina de inicio quiero que aparezcan varias Divs con una frase y enlaces.

por un lado tengo:

<div class="d1"><p>texto 1</p></div>
<div class="d2"><p>texto 2</p></div>
<div class="d3"><a href="enlace1.php" target="_parent">texto 3</a></div>
<div class="d4"><a href="enlace2.php" target="_parent">texto 4</a></div>

Por otro lado, el fichero estilos.css con:

.d1, .d2, .d3, .d4 {position: absolute;top:50%; left:50%; font-family: verdana, arial, sans-serif;font-size: 30pt;color: #234f69;font-weight: normal;z-index: 4;}

.d1{width:900px;margin-left:-270px;height:35px; margin-top:-350px;font-size: 30pt;}

.d2{width:900px;margin-left:-350px;height:35px; margin-top:-350px;font-size: 20pt;}


.d3{width:200px;margin-left:-600px; height:35px; margin-top:-400px;font-size: 40pt;}
a.d3, a.d3:visited., a.d3:hover {color: #234f69;text-decoration: none;font-weight: normal;}
...

Lo quiero hacer es que los enlaces de d3 (y luego d4 y d5) se queden igual, o sea que link, visited y hover se queden igual.

He estado investigando por internet y he visto varios codigos pero hay algo que debo hacer mal porque no lo consigo.

Muchas gracias por vuestra ayuda
Chocovo

[shurshok]

prueba haciendo esto:

<div class="d1"><p>texto 1</p></div>
<div class="d2"><p>texto 2</p></div>
<div class="d3"><a href="enlace1.php" target="_parent">texto 3</a></div>
<div class="d3"><a href="enlace2.php" target="_parent">texto 4</a></div>


poniendo la misma class a los divs con links

[chocovo]

Hola,

No puedo poner la misma clase a todos los enlaces ya que enlace 1, enlace 2, etc... están situados en distintos lugares de la pantalla.

Creo que lo que está mal es:

.d3{width:200px;margin-left:-600px; height:35px; margin-top:-400px;font-size: 40pt;}
a.d3, a.d3:visited., a.d3:hover {color: #234f69;text-decoration: none;font-weight: normal;}

[willyfc]

Creo que tu última declaración:

Código:

a.d3, a.d3:visited., a.d3:hover {color: #234f69;text-decoration: none;font-weight: normal;}

debería ir así:

Código:

d3 a:link, d3 a:visited, d3 a:hover {color: #234f69;text-decoration: none;font-weight: normal;}

y otra cosa,, el hover va aparte quedando de esta manera:

Código:

.d3 a:link, .d3 a:visited, .d3 a:active {color: #234f69;text-decoration: none;font-weight: normal;}

.d3 a:hover{color:#CCC ; text-decoration:underline}

avisas si te sirve

[chocovo]

Muchas Gracias Willyfc. He utilizado el ultimo codigo que has escrito y ha funcionado.

Un saludo
chocovo

[willyfc]

de nada fue un placer