Lien SPAN dans une DIV

Version imprimable

Je suis nouveau en création WEB et après avoir parcouru votre site (très intéressant de surcroît...) et ce forum, je n'ai pas trouvé réponse à mon problème.
C'est vraisemblablement une erreur de débutant mais je coince!!!!!

Je souhaiterais inclure quelques liens avec des <SPAN> dans une <DIV>, mais les liens sont toujours affichés comme déclarés dans la DIV et non dans le SPAN...

ex:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <html> <head> <style type="text/css" title="mes_styles" media="all">  </style> </head> <body> <div id=texte> <div id=plan> <a href="#">Dossier Principal</a><br> <SPAN class="rubrique"><a href="#">Rubrique</a></SPAN> </div> </div> </body> </html>

01/04/2008, 21h02
Erwan31

Citation:

Envoyé par Rosell

...mais les liens sont toujours affichés comme déclarés dans la DIV et non dans le SPAN...

Qu'entends tu par là? Pourrais tu être plus clair?

Hello,
En fait ton soucis est que tu n'as pas été assez précise et du coup la mise en forme ne s'est pas appliquée à ton span. De plus tu dois répéter le nom de la div après chaque séparation par une virgule (voir en gras dans le code), il ne suffit pas de la déclarer au début de la ligne...

J'ai modifier ton code, si tu veux plus d'explication redis moi... mais normalement ça doit marcher !
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <html> <head> <style type="text/css" title="mes_styles" media="all"> #plan { margin:0; padding: 0; } #plan a:link, #plan a:visited, #plan a:hover, #plan a:active { color: black; } .rubrique { margin-left: 40px; } #plan .rubrique a:link, #plan .rubrique a:visited, #plan .rubrique a:hover, #plan .rubrique a:active { color:red; } </style> </head> <body> <div id=texte> <div id=plan> <a href="#">Dossier Principal</a><br /> <span class="rubrique"><a href="#">Rubrique</a></span> </div> </div> </body> </html>

02/04/2008, 12h51
Rosell

Citation:

Envoyé par Erwan31

Qu'entends tu par là? Pourrais tu être plus clair?

Dans l'exemple que je vous ai mis en ligne, tous les liens sont noirs.

Hors, j'aimerais différencier les liens des rubriques et les mettre en rouge (par exemple).

Citation:

#plan .rubrique a:link, #plan .rubrique a:visited, #plan .rubrique a:hover, #plan .rubrique a:active { color:red; }

Avec cette déclaration, pourrais-je utiliser la class .rubrique ailleurs que dans la DIV plan?

Merci de votre aide
02/04/2008, 13h01
Erwan31

Non tu dois enlever #plan devant pour cela.