Css > remplacement d'un liens(text) par une image ?

J'aimerai remplacé un texte (liens) par une image qui reste active en temps que liens ...


Voici ma page de travail
http://users.coditel.net/mowgli/acceuil2.html

(feuille de style: http://users.coditel.net/mowgli/style2.css )

vous pouvez voir le liens acceuil qui est au dessus du backgroud, logique.


La plupart des remplacemnt de text que j'ai trouvé sur le net, consiste a EFFACER ( visibility:hidden ou display:none) le texte. mais qui dit éffacé le texte, dit plus de liens actif ....

De plus, pour une question de mise en page, les colonnes sont mi en float ....



J'avais trouvé une solution, mais vu les floats et la position qui n'est plus fixe des colonne, je ne peut pas utulisé la même soluce ...
(http://users.coditel.net/mowgli/acceuil.html > http://users.coditel.net/mowgli/style.css)

personne n'a un technique pour remplacé un liens par une image ?

Moustique-Venge a dit:

personne n'a un technique pour remplacé un liens par une image ?

Cliquez pour agrandir...

Je comprend pas bien ta question, tu veux que lorsque l'on clique sur ton lien (onMouseClick) une image la remplace? Ou encore lorsqu'on passe sur le lien (onMouseOver) une image apparaisse?

Je vois pas trop ce que tu veux en fait

Je n'ai pas exactement compris ce que tu voulais faire. Tu veux que lorsqu'on survole le txt du lien, une image apparaisse en dessous du curseur et que l'on puisse cliquer dessus? =]

edit: grillé .

je veux tout simplement caché un text (liens) Xhtml et le remplacer par une image grace a une feuille de style ( css).

Biensure, si on clique sur l'image, il y a toujours le liens ....

Ce genre de choses?

http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique

SeigVoland a dit:

Ce genre de choses?

http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique

Cliquez pour agrandir...

Pas vraiment...

Dans se tuto, ils aprènnent a changer le background d'un liens quand on le survole.


Moi, se que je désire, c'est remplacer un liens texte par un liens image.
Le tout sous Css.
J'avais réussi dans ma page: (http://users.coditel.net/mowgli/acceuil.html > http://users.coditel.net/mowgli/style.css)


Mais le problème, c'est que j'ai décidé de changer ma mise en page dans ma nouvelle version en travail: http://users.coditel.net/mowgli/acceuil2.html.


En effet, dans la version ou sa marche, Internet explorer me faisait des misères pour la mise en page, alors que sous firefox tous allait bien.

Jsuis désolé mais j'ai toujours pas compris..? Ton lien texte tu veux le changer avant qu'on clique dessus? donc le visiteur verait directement cette image sur le site (et pas le texte)? Ou alors c'est lorsque l'on clique sur ton lien texte?

CiDoUm a dit:

Jsuis désolé mais j'ai toujours pas compris..? Ton lien texte tu veux le changer avant qu'on clique dessus? donc le visiteur verait directement cette image sur le site (et pas le texte)? Ou alors c'est lorsque l'on clique sur ton lien texte?

Cliquez pour agrandir...

Vu ton message précédent, il me semble que tu utilises trop delphi


En gros, je voullais faire la même chose que la page acceuil.html avec la page acceuil2.html.

Pour le moment, j'avais mi qu'un seul liens sur la page acceuil2.html.
le liens acceuil justement
Le problème, c'est que le texte acceuil reste par dessus l'image.


Mais bon, j'ai changer mon fusil d'épaule...
Je vais créé des image vide en back ground ( les mêmes ) sauf que le texte viendra des liens que j'aurrais re stylisé en css

Ah oui ok je vois ce que tu veux faire maintenant. Si tu ne mets pas ton image en background ca devrait marcher non?

<div id="menuacceuil"a href="acceuil.html" title="acceuil"img src="img1/acceuil.gif"/a/div>

et ton CSS, devient ca:

.menuacceuil span{
position:fixed;
width:121px;
height:21px;
}

J'ai pas tester mais ca devrait marcher il me semble..

Pour info, je n'ai jamais toucher à Delphi Et acceuil ca s'écrit comme ceci: accueil :-D

oups ... la bête faute


tout le problème viens du prof qui est un peu chiant sur les bords ...

Il désire dans le code Html ou plutot Xhtml que les images vraiment importante et éssentielle comme par exemple le logo ...

placé l'image dans l'html c'est facile

Maintenant, je viens de changer les images et placé les textes au dessus.

Demain je paufine la police et le tout

Ensuite je fini le reste du "design" et du code.
Mais bon, j'ai la base, le reste devrais aller vite ...

CiDoUm a dit:

<div id="menuacceuil"a href="acceuil.html" title="acceuil"img src="img1/acceuil.gif"/a/div>

et ton CSS, devient ca:

.menuacceuil span{
position:fixed;
width:121px;
height:21px;
}

Cliquez pour agrandir...

pour info, tu mélanges les class et les id ...

en css

# = id
. = class




Putain, deux jour sans clope et se prendre la tête avec des connerie Css :[] :[] :[] :[]


Sinon, merci quand même