[résolu] Question de css

[Vincent Sermonne]

bijour,
sur cette page http://tchackpoum.free.fr/Liens.html ,mes liens images répondent aux règles de ma feuille de style externe. Mais voilà, le cadre pointillé et le fond hover j'en veux pas sur les images. A part créer un div nouveau et ajouter des regles css, y aurait il une autre astuce que j'ai loupé ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

[Kazé]

Puisque tu as déjà une feuille de style interne sur cette page :

Code : Tout sélectionner

<style type="text/css">
img link {
  text-decoration: none;
  background-color: #ffcccc;
}
#cubase {
  text-decoration: none;
}
</style>

le plus simple serait de rajouter deux règles du type :

Code : Tout sélectionner

#texte a {
  border: none;
}
#texte a:hover, #texte a:active {
  border: none;
  background: none;
}

C'est d'ailleurs à cela que servent les feuilles de style internes.

[Vincent Sermonne]

rhaaaaa mais ouiii ! merci merci ! la feuille interne c'etait mes divers essais avortés, gniark.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

[Vincent Sermonne]

une question me tripote, cela ne va pas contrarier la feuille de style externe liée ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

[Kazé]

Non, aucun problème. Le principe c'est que c'est toujours la dernière règle qui l'emporte.

D'une manière générale, on définit les feuilles de styles externes (qui s'appliquent à toutes les pages) avant la feuille de style interne (qui définit les styles spécifiques à la page courante).

[Vincent Sermonne]

Super ça marche mais j'ai du rajouter çà pour plus avoir la bordure

Code : Tout sélectionner

#texte a:link, #texte a:visited {
  border-style: none;
  background: transparent none repeat scroll 0%;
  text-decoration: none;
}

C'est étrange, background: none; c'est transformé en transparent none repeat scroll 0%; ???
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

[Kazé]

Oui, c'est un vieux bug de CaScadeS, qui reformatte le code CSS de la même façon que KompoZer reformatte le code HTML : ça n'a aucune incidence sur le fonctionnement de ta page dans les différents navigateurs, mais ça rend le code moins joli.

Dans le cas des bordures et des arrière-plans, c'est plus particulièrement pénible car ça génère d'autres comportements bizarres. Ça fera partie des choses à corriger pour les prochaines versions.