Tom's Guide > Forum > Programmation > [Résolu] Mise en page d'un lien hypertexte

[Résolu] Mise en page d'un lien hypertexte

Forum Programmation : [Résolu] Mise en page d'un lien hypertexte

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Lire la meilleure réponse, apportée par sIake.

Mot :    Pseudo :           
 

Bonjour à tous!

Cette année, j'ai eu quelques cours de HTML, PHP,CSS... bref une initiation à la programmation.
Je dois réaliser un petit site pour montrer que je peux mettre en pratique ce que j'ai appris.

Or j'ai un problème que je n'arrive pas à résoudre:
Pour mon menu, j'ai crée des liens internes pour permettre à l'internaute de naviguer d'une page à l'autre.

Extrait du code:

<div id="menu">
<div class="element_menu"><a href="Accueil.html">Accueil</a>
</div>
<div class="element_menu"><a href="Informations.html">Informations</a>
</div>
<div class="element_menu"><a href="Photos.html">Photos</a>
</div>
<div class="element_menu"><a href="Contacts.html">Contacts</a>
</div>
<div class="element_menu2"><a href="Reservations.html">Réservations</a>
</div>
</div>



J'ai fait une feuille de style css et je voudrais que mes liens hyper-texte apparaissent en noir, non soulignés.

J'ai donc mis:

.element_menu
{
font-family:Verdana;
font-size:150%;
color:black;
text-decoration:none;
text-align:center;
border-width:1px;
border-style:solid;
border-color:green;
background-color:green;
margin-bottom: 20px;
}
.element_menu2
{
font-family:Verdana;
font-size:150%;
color:black;
text-decoration:none;
text-align:center;
border-width:1px;
border-style:solid;
border-color:blue;
background-color:blue;
margin-bottom: 20px;
}




Mais mon texte reste obstinément en bleu souligné.

Est ce que quelqu'un sait où j'ai commis une erreur?

Merci de votre aide!


Message édité par dandibot le 17-11-2009 à 08:22:54
Salut,

 

précise que un style qui doit s'appliquer aux liens et pas aux div element_menu/element_menu2 seulement.

 
Code :
  1. a{
  2.     text-decoration:none;
  3.     color:black;
  4. }

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Meilleure réponse

Salut,

 

précise que un style qui doit s'appliquer aux liens et pas aux div element_menu/element_menu2 seulement.

 
Code :
  1. a{
  2.     text-decoration:none;
  3.     color:black;
  4. }


Message édité par sIake le 08-11-2009 à 18:40:11
Répondre à sIake

Tout à fait. Et tu peux même styler uniquement les liens des div en utilisant:

Code :
  1. element_menu a { text-decoration: none; color: #000 }
  2. element_menu2 a { text-decoration: none; color: #000; font-weight: bold; }

------------------------------ Réseau IRC Francophone | g33k-zone
Répondre à crazycat@idn

C'était donc ça l'astuce!

Merci à vous deux!
Bonne soirée!

Répondre à femmefossile
Tom's Guide > Forum > Programmation > [Résolu] Mise en page d'un lien hypertexte
Aller à :

Il y a 1295 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Liens