Se connecter / S'enregistrer

Résolu Mise en page d'un lien hypertexte

Solutions (3)
Tags :
  • Html
  • element
  • Programmation
|
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!
Contenus similaires
Meilleure solution
partage
|
Salut,

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

  1. a{
  2. text-decoration:none;
  3. color:black;
  4. }
  • Commenter cette solution |
Score
0
òh
òi
|
C'était donc ça l'astuce!

Merci à vous deux!
Bonne soirée!
  • Commenter cette réponse |
Score
0
òh
òi
|
Tout à fait. Et tu peux même styler uniquement les liens des div en utilisant:
  1. element_menu a { text-decoration: none; color: #000 }
  2. element_menu2 a { text-decoration: none; color: #000; font-weight: bold; }
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS