Insérer un lien dans une image

DarkAge -  
 DarkAge -
Bonjour,
Je pense être dans la bonne section :)

Je voudrais savoir comment insérer un lien dans une image mais je ne veux pas que l'image serve de lien : je veux mon image comme "fond" avec un texte par dessus et des liens dans ce texte ...

Si vous ne comprenez pas, je peux vous réexpliquer ^^
Configuration: Windows Vista Internet Explorer 7.0

11 réponses

  1. Kemich Messages postés 211 Statut Membre 22
     
    Enchantier.

    Pour commencer je ne croit pas que tu soit dans le bon forum, ton problème serait plus a sa place dans le forum webmastering.

    ENfin, pour répondre a ta question, il te faut créer un bloc dans lequel tu va mettre une image de fond via les CSS, et dans ce bloc tu insère ton lien.

    Fichier HTML
    <div id="lien">
    <a href="#">Mon lien ici</a>
    </div>


    Fichier CSS
    #lien {background: url(image.jpg);}

    ok ?
    0
  2. DarkAge
     
    Merci de ta réponse avec une rapidité exempaire mais ...

    1) Qu'est-ce qu'un bloc ?
    2) Qu'est-ce que les CSS

    Cordialement ;)
    0
  3. Kemich Messages postés 211 Statut Membre 22
     
    Commencont par le début.
    Tu est bien en train de travailler sur une page web ? Je me trompe ?
    0
  4. DarkAge
     
    Du tout :D

    Imagine je prends une photo avec mon appreil photo numérique dernier cris (attention :o)
    Je mets cette photo sur mon pc et dessus je veux écrire un truck genre de 4 - 5 lignes avec sur certains mots, un lien à un page web ...

    Là, je t'ai tout dit ^^
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Kemich Messages postés 211 Statut Membre 22
     
    OK, message recu.
    Bon alors pour faire ca, il va falloir que tu crée une page web, que tu mette ta photo dedans, et ensuite tu met ton texte (avec un lien)
    La marche a suivre.

    1 - Tu crée un dossier image

    2 - Dans ce dosiier tu crée un fichier index.html (avec le bloc note par exemple et tu met le texte ci dessous dedans)
    <html>
    <body>
    <img src="mon_image.jpg">
    </body>

    On verra pour la suite
    0
  7. DarkAge
     
    C'est fait :D

    J'ia créé un nouveau fichier, j'ai ouvert bloc note, j'ai collé le code html et j'ai enregistré :D
    0
  8. Kemich Messages postés 211 Statut Membre 22
     
    Quand tu ouvres ton fichier html, tu voit bien l'image qui apparait ?
    0
  9. DarkAge
     
    Non :S

    Je ne parviens pas à entrer mon image dans le Bloc Note :/
    Prends mon MSN parce que c'est complexe ^^

    Quentin_77@hotmail.com

    Merci de ton aide :D
    0
  10. Kemich Messages postés 211 Statut Membre 22
     
    Il faut mettre ton image dans le meme dossier que ton fichier html.
    Dsl je ne donne pas mon adresse msn au premier venu.
    0
  11. DarkAge
     
    Ok ^^

    Alors je mets mon image dans le même dossier que mon index.html

    Exemple : Xxxx/Utilitaire/'mon index.html et mon image'
    0
  12. DarkAge
     
    Ah ok ^^

    C'est bon j'ai réussi !
    Quand je clique sur mon index.html je vois bien l'image ^^

    Maintenant passons aux liens :D
    0