Aller au contenu

Style sur les liens, y'a un truc que je ne comprends pas ...


Sujets conseillés

Posté

Bonjour,

J'ai un pb de style sur lien et je commence a m'arracher les cheveux tellement je comprends pas.

J'ai fais une recherche sur le sujet dans ce forum ... mais je n'ai pas trouvé de réponse complète.

Voila, j'ai une page web qui comprend des <div>

Dans le div "gauche" j'ai un style generique pour les liens :

#gauche { 
padding-right : 10 px;
padding-left : 10 px;
margin: 5px;
border-top: NONE #FFCC00;
border-right: solid #FFCC00;
border-bottom: none #FFCC00;
border-left: solid #FFCC00;
border-width: 0px;
}

#gauche a, a:link, a:visited, a:active {
text-decoration:none;
color:#6633CC;
font-size: 11px;
font-family: Verdana, Arial, Helvetica;}
#gauche a:hover {color: #e26a09; font-weight: bold; text-decoration: underline;}

Seulement voila, dans mon "div gauche", il y a inclu un autre "div" qui contient un titre.

Ce titre est un lien, pour lequel je specifie un style à part.

.post-title {
color : #fc5a21;
margin : 0;
padding : 0;
border-bottom: #fc5a21 1px solid;
height: 30px;
overflow: hidden;
line-height: 30px;
font-weight: bold;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica;
text-decoration:none;
color:#fc5a21;
}



.post-title A:visited {
text-decoration:none;
color: #fc5a21;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica;
}

.post-title A:active {
text-decoration:none;
color:#fc5a21;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica;
}

.post-title A:hover {
color: #e26a09;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica;
font-size: 16px;
font-weight: bold;
}

Voici pour info une partie du code "html/php" de ma page :

<div id="gauche">
<div class="post">
<div class="post-title"><a href="" >titre</a></div>

Bref j'ai beau retourner le css, le code de la page dans tous les sens (mettre le style sur le lien, mettre le style dans un <p> .....) le resultat est toujours le même, mon lien il s'affiche toujours avec le style "gauche". (bien sur si je ne mets pas de lien ca fonctionne).

La j'avoue que je suis perdue, doit y avoir un truc qui m'echappe mais je ne vois pas quoi ... donc si vous avez une piste ou la solution je suis preneuse (je suis a 2 doigts de secouer mon ecran tellement ça m'ennerve !!!).

Merci d'avance

Bidi

Posté

Bonjour, tu peux mettre le style dans le lien : <a href="" class="post-title">titre</a> De mémoire, ça marche.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...