Titre: [REGLE] PB lien image CSS
Posté par: AZAGHTOT le le 27-10-2004 a 14:03:30
Hello à tous,
j'utilise IE 6, je viens de faire un menu graphique en rollover (js) couplé à une CSS.
Mon problème : quoique je fasse dans la feuille de style, il y a une bordure autour des images de mon menu graphique (alors que sur les liens textes il n'y en a pas !!!).
Ma feuille de style :
(j'ai viré la classe lien "a.mnu" car il semble que ça ne fonctionne pas et j'ai créé une classe normale : .mnu)
.mnu {text-decoration:none; border: 0px color:#333333;}
Mon code HTML :
<a href="lien.htm" class="mnu"><img src="mnu/01.jpg" name="forum" onMouseOver="document.forum.src='mnu/02.jpg';" onMouseOut="document.forum.src='mnu/01.jpg';"></a>
Merci par avance !
;) |
Titre: Re:PB lien image CSS
Posté par: Balrog le le 27-10-2004 a 18:04:37
salut,
je suis aussi un peu débutant, mais de but en blanc je dirais:
| .mnu {text-decoration:none; border: 0px color:#333333;} |
|
il manque un ";" entre 0px et color :P. De plus dans ton exemple ci-dessus tu peux enlever le px, "border:0;" est suffisant...enfin je crois! ;D |
Titre: Re:PB lien image CSS
Posté par: willy le le 27-10-2004 a 18:05:06
Bonjour,
Il mangue un ; après border:opx
Tu utilises les css alors il serait dommage de ne pas aller jusqu'au bout :)
un lien qui pourrait te plaire
http://www.alsacreations.com/articles/imgreactive/ |
Titre: Re:PB lien image CSS
Posté par: MarvinLeRouge le le 28-10-2004 a 00:45:38
Salut,
En plus, si tu utilises la technique de rollover de Pixy (http://www.wellstyled.com/css-nopreload-rollovers.html), tu auras des rollovers sans temps de chargement supplémentaire ;D |
Titre: Re:PB lien image CSS
Posté par: SIBELIUS le le 28-10-2004 a 09:31:44
Salut,
En plus, si tu utilises la technique de rollover de Pixy (http://www.wellstyled.com/css-nopreload-rollovers.html), tu auras des rollovers sans temps de chargement supplémentaire ;D
|
|
Tout à fait, cependant le rollover de Pixy pose des problèmes à IE6 win qui ne place pas l'image en cache.
et voici une application pratique : http://www.alsacreations.com/articles/rollover_unique/
Pour éviter le bug de Pixy, je propose une image réactive avec préchargement intégré : http://www.alsacreations.com/articles/imgreactive/ |
Titre: Re:PB lien image CSS
Posté par: AZAGHTOT le le 28-10-2004 a 14:56:11
Merci à tous,
j'ai changé la feuille de style avec le " ; " mais ça n'a rien changé ! A part pour un lien texte qui n'est plus souligné !!!
Je ne comprend vraiment pas pourquoi les images sont entourées...
J'ai déjà fait un menu texte en css, je vais aller voir pour la version en "image". Mais j'aurais aimé garder le rollover en js...
A très vite.
|
Titre: Re:[REGLE] PB lien image CSS
Posté par: AZAGHTOT le le 28-10-2004 a 15:14:10
J'ai essayé le lien avec image préchargée, c'est génial (même si le code est plus lourd que le java script).
En tous cas j'adopte, j'ai mis "static" dans position (et j'ai enlevé les coordonnées) et ça tient dans ma cellule.
C'est propre et rapide !
MERCI à nouveau ;) |
Titre: Re:[REGLE] PB lien image CSS
Posté par: SIBELIUS le le 28-10-2004 a 15:36:25
En tous cas j'adopte, j'ai mis "static" dans position (et j'ai enlevé les coordonnées) et ça tient dans ma cellule.
|
|
Alors autant enlever entièrement la propriété "position" parce que "static", est la valeur par défaut. |
Titre: Re:[REGLE] PB lien image CSS
Posté par: AZAGHTOT le le 28-10-2004 a 20:17:39
Super info dynamique ;) !
Merci ! |
Titre: Re:[REGLE] PB lien image CSS
Posté par: AZAGHTOT le le 10-11-2004 a 19:15:02
J'ai l'impression d'être un noob parfois !
La question du début tient toujours sur les images fixes...
Je ne comprends toujours pas pourquoi j'ai un cadre autour d'une image qui sert de lien :
<a href"#"><img src="blabla></a>
avec en css sur les liens (hover) : text-decoration:none;
Que faire ? J'ai IE 6 (le dernier)
Merci...
|
Titre: Re:[REGLE] PB lien image CSS
Posté par: AZAGHTOT le le 15-11-2004 a 17:04:29
La seule astuce que j'ai trouvé est de mettre <img src="..." border=0>.
Est-ce que l'un d'entre-vous vois une solution en CSS ???
Merci. |
Titre: Re:[REGLE] PB lien image CSS
Posté par: SIBELIUS le le 15-11-2004 a 17:29:59
Titre: Re:[REGLE] PB lien image CSS
Posté par: AZAGHTOT le le 16-11-2004 a 18:32:26
SIBELIUS c'est MAGNIFIQUE !
Merci beaucoup ! :D |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|