18041 sujets

Questions générales et questions de débutants

[RESOLU] Lien - Image - contour

Bonjour, après avoir fait un peu de recherches, je n'arrive tjs pas à supprimer les contours de couleur noire autour de mes liens images ...

Mon code:
div class="liendimage">
 <ul>
  <li><a href="monlien.htm"><img src="deco/defaut.png" alt="lien1" "/></a></li>
  <li><a href="monlien.htm"><img src="deco/contraste.png" alt="defaut" /></a></li>
 </ul>
</div>


Css:


.liendimage{
	width: 100%;
	text-align: right;
}
.liendimage ul{
      line-height:30px;
	margin:0;
	padding:0;
}
.liendimage ul li{
	display:inline;
}
.liendimage ul li a{
	text-decoration:none;
	border-right:0px;
	color:#333;
	padding:0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.liendimage ul li a:hover,.liendimage ul li .current{
	line-height:30px;
	margin: 0px;
	padding: 0px;
}

J'ai lu que je devais appliquer une classe à ma balise img, j'ai donc essayé ceci:

div class="liendimage">
<ul>
  <li><a href="monlien.htm"><img src="deco/defaut.png" alt="lien1" class="100"/></a></li>
  <li><a href="monlien.htm"><img src="deco/contraste.png" alt="defaut" /></a></li>
 </ul>
</div>

Et le css

.100{text-decoration:none }


mais ça fonctionne tjs pas (firefox)

Une idée ? Smiley smile
Modifié par FranZz (19 Sep 2008 - 08:37)
Bonjour,

Essaie avec ceci :
.liendimage ul li a img {border:0}

Une petite remarque, tu devrais renseigner les dimensions de tes images :
<img src="deco/defaut.png" width="" height="" alt="lien1" />

Modifié par mecho (18 Sep 2008 - 16:18)
Bonjour,

1. Un nom de classe ou d'identifiant ne peut pas commencer par un chiffre. Donc tu ne peux pas avoir de classe "100".

2. La solution de mecho marche sans doute, mais un a img {border: none;} global devrait suffire.
FunK a écrit :
Autre solution en html : 
<img scr=.... border:0px ...></img>

Sauf cas particulier, on évitera d'insérer des styles internes à l'intérieur des éléments html. Smiley cligne
Hello ! Merci des Posts !!!

Je teste cela lundi ( ma tête explose ).

Ps - Ok pour taille des images, c'était pour l'exemple !

Bon w e Smiley biggrin
Florent V. a écrit :

1. Un nom de classe ou d'identifiant ne peut pas commencer par un chiffre. Donc tu ne peux pas avoir de classe "100".


Il me semble que c'est seulement les id qui ne peuvent pas commencer par un chiffre, pas les classes. Mais je suis plus très sûr.
jb_gfx a écrit :


Il me semble que c'est seulement les id qui ne peuvent pas commencer par un chiffre, pas les classes. Mais je suis plus très sûr.

Ceci pourrait peut-être effacer tes doutes ?
a écrit :
In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-z0-9] and ISO 10646 characters U+00A1 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, or a hyphen followed by a digit. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier "B&W?" may be written as "B\&W\?" or "B\26 W\3F".

Enfin, si mon anglais ne me trahit pas trop... Smiley cligne
6l20 n'est pas trahi par son anglais et je confirme mes dires.

En passant: FunK, le code que tu proposes c'est un peu n'importe quoi. Je pense que si tu relis ta proposition tu comprendras pourquoi (plusieurs erreurs). Faute d'étourderie peut-être?
Sujet clos
Aller à