Page 1 sur 1
[résolu] Question de css
Publié : 31 août 2007, 13:16
par 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
Publié : 31 août 2007, 15:09
par 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.
Publié : 31 août 2007, 15:21
par 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
Publié : 31 août 2007, 15:23
par 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
Publié : 31 août 2007, 15:45
par 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).
Publié : 31 août 2007, 15:51
par 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
Publié : 31 août 2007, 15:53
par 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.