Résultats de 1 à 5 sur 5

Sujet : Integrer un lien dans une image!!!

  1. #1

    Integrer un lien dans une image!!!

    Je voudrais integrer un lien dans une image!!! comme sur ce site (exactement comme sur ce site!)

    http://ffx2.guide.free.fr/strategie_soluce.htm

    L\'image de fond s\'apelleras:

    soluce2.jpg

    Et les image de lien au dessu s\'appelleront:

    Solution2(1).jpg



    Merci d\'avance


    Ps: Le lien que je vous ai donner c\'est la ou il y a ecrit :
    solution complete(region par region),
    solution lineair(version ultra light),
    guide strategique des 100%

    C\'est ca que je veut faire!!!

  2. #2
    Membre MP
    Inscrit
    août 2013
    Messages
    28
    Bonsoir si j\'ai bien compris ce que tu veux faire c\'est tous simple tu fais :
    <a href=\"(lien)\"><img src=\"(ton image)\"></a>

    vala a +

  3. #3
    Visiteur MP
    Visiteur MP
    Tu remet un lien correct et je peux peut etre t\'aider

  4. #4
    Membre MP
    Inscrit
    août 2013
    Messages
    1 050
    Si je me trompe pas c\'est une image reacive non ??

  5. #5
    Membre MP
    Inscrit
    août 2013
    Messages
    1 169
    ahh enfin un truc qui me plait.
    Ton lien est mort mais je peut te donner une facon de rendre une image reactive à l\'aide de CSS. voila le code HTML :

    Code:
    <a href=\"....\" class=\"lien1\"></a>
    Et tu rajoute dans ta page du code CSS :

    Code:
    <style type=\"text/css\"></style>
    .lien {
         display: block;
         width: 150px;
         height: 25px;
         background-image: url(image.png);
         background-repeat: no-repeat;
    }
    
    .lien:hover {
         background-image: url(image_survol.png);
    }
    Bon, je vais expliquer un peu le code CSS :

    [-i]display: block[/i] permet de rendre ton lien en boite...

    [-i]width height[/i] sont les dimensions de ta boite lien... c.f. dico d\'anglais

    [-i]background-image: url(image.png);[/i] met en fond de ta boite l\'image que tu souhaite (Fait une image au même dimension que ta boite )

    [-i]background-repeat: no-repeat;[/i] evite la répétition du fonc si la boite et plus grand que l\'image...

    Voilaa !
    A tous les membres, dite non à la (drogue...) sms-mania !

    Avant de poster, vérifiez si la réponse n'est pas dans la FAQ ou un tutorial.

    Je suis actuellement http://www.bencastricum.nl/msn/statu...83aaf40bdb.png sur MSN

Informations du sujet

Utilisateur(s) parcourant ce sujet

il y a actuellement 1 utilisateur(s) parcourant ce sujet. (0 membre(s) et 1 visiteur(s))

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas éditer vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé
Please disable Adblock!