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

Discussion dans 'Web, design' créé par Moustique-Venge, 7 Avril 2007.

Statut de la discussion:
Fermée.
  1. Offline
    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 :mad: ....

    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)
    Moustique-Venge, 7 Avril 2007
    #1
  2. Offline
    personne n'a un technique pour remplacé un liens par une image ?
    Moustique-Venge, 7 Avril 2007
    #2
  3. Offline
    CiDoUm ListMinut.be
    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 :p
    CiDoUm, 7 Avril 2007
    #3
  4. Offline
    SeigVoland Elite
    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é :p.
    SeigVoland, 7 Avril 2007
    #4
  5. Offline
    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 ....
    Moustique-Venge, 7 Avril 2007
    #5
  6. Offline
    SeigVoland Elite
  7. Offline
    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.
    Moustique-Venge, 7 Avril 2007
    #7
  8. Offline
    CiDoUm ListMinut.be
    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, 7 Avril 2007
    #8
  9. Offline

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


    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 :p
    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
    Moustique-Venge, 7 Avril 2007
    #9
  10. Offline
    CiDoUm ListMinut.be
    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":colere:a href="acceuil.html" title="acceuil":colere:img src="img1/acceuil.gif":colere:/a:colere:/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 :p Et acceuil ca s'écrit comme ceci: accueil :-D
    CiDoUm, 8 Avril 2007
    #10
  11. Offline
    oups ... la bête faute :p


    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 :p que les images vraiment importante et éssentielle comme par exemple le logo ...

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

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

    Demain je paufine la police et le tout :baille:

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

    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 :[] :baille: :[] :baille: :[] :baille: :[] :baille: :baille: :baille:


    Sinon, merci quand même
    Moustique-Venge, 8 Avril 2007
    #11
Statut de la discussion:
Fermée.