Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2083 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Introduire des liens textes dans une image (XHTML)

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Introduire des liens textes dans une image (XHTML)

n°1831765
Panzer Gui​ld
Posté le 27-12-2008 à 03:08:01  profilanswer
 

Bonjour à tous et joyeuses fêtes :hello:  
 
J'ai une image .jpg qui me sert de bannière pour un site mais j'aimerais y introduire des liens textes.
 
Faut savoir aussi que ce code xhtml est a rentrer dans l'interface d'administration d'une affiliation (de type marque blanche) ce qui me permettra de personnaliser mon entête/bannière/header.
 
Voici les variables et un début de code donné par défaut sur lesquels je dois me baser :  
 
http://imageshack-france.com/out.php/i277910_ScreenShot069.jpg
 
Donc tout ce que j'aimerais c'est avoir mon image (qui fait 980x100) qui contient des liens textes alignés à droite verticalement.
 
Voilà, en espérant avoir été au plus clair et pas trop boulet, je remercie d'avance ceux qui m'aideront.
 
Bonne nuit  :jap:


Message édité par Panzer Guild le 27-12-2008 à 03:09:57
mood
Publicité
Posté le 27-12-2008 à 03:08:01  profilanswer
 

n°1831810
Panzer Gui​ld
Posté le 27-12-2008 à 15:32:58  profilanswer
 

je vais simplifier : j'aimerais juste avoir une image .jpg avec des liens textes écrits quelquepart dessus ou par dessus, que ce soit en html ou xhtml.  
 
Merci encore

n°1831813
Profil sup​primé
Posté le 27-12-2008 à 15:47:03  answer
 

de toute façon, html ou xhtml c'est pas bien différent [:petrus75]
Tu t'y connais en HTML et en CSS ? Sinon çà va pas être très facile

n°1831887
Panzer Gui​ld
Posté le 28-12-2008 à 03:02:42  profilanswer
 

ui ui en fait j'ai à peu prés réussi là après une bonne prise de tête, je croyais bien connaitre le html mais en fait non :lol: , car là fallait que j'utilise un calque ce que je ne connaissais pas  [:befree]


Message édité par Panzer Guild le 28-12-2008 à 03:05:07
n°1837774
PIerrotW
Posté le 14-01-2009 à 12:45:47  profilanswer
 

Pour mettre un lien sur toute la surface de l'image le code est :
<a href="URL de la page"><img src="Url de l'image" alt "Mots clés de l'image"></a>.
 
Sinon, avec les balises map, tu peux créer des liens présents sur une portion d'une image.
 
 
-------
http://pierre.warnez.perso.neuf.fr


Message édité par PIerrotW le 14-01-2009 à 12:46:50

---------------
Pierre - http://pierre.warnez.perso.neuf.fr
n°1838042
Artesia
Posté le 15-01-2009 à 00:22:25  profilanswer
 

sinon tu met l'image en fond d'une cellule d'une table et tu met tes liens dans la cellule de la table

Citation :


<table>
<tr>
<td align="right" background="url de l'image">
<a href="url">mon lien</a><br>
<a href="ur2l">mon lien2</a>
</td>
</tr>
</table>

n°1838119
NewsletTux
&lt;Insérez ici votre vie /&gt;
Posté le 15-01-2009 à 11:10:38  profilanswer
 
n°1838441
Artesia
Posté le 15-01-2009 à 15:37:39  profilanswer
 

Pourquoi beurk ?
 
Je trouve ça très pratique pour faire un menu de taille variable avec 3 images qui se complète.

n°1838460
macgawel
Posté le 15-01-2009 à 15:52:17  profilanswer
 

Artesia a écrit :

Pourquoi beurk ?


Parce que.
Un tableau, c'est fait pour mettre des données dans un tableau, pas pour faire de la présentation.
Au pire, on peut garder le même principe en utilisant des blocs DIV, qui comme leur nom l'indique n'ont pas de signification...

Citation :

Je trouve ça très pratique pour faire un menu de taille variable avec 3 images qui se complète.


Que ce soit pratique, je veux bien le croire - encore que...
Mais c'est une mauvaise solution :  ça pose des problèmes d'accessibilité, que ce soit pour les handicapés ou pour les navigaterus "alternatifs" (mobiles etc.).

n°1838468
Artesia
Posté le 15-01-2009 à 15:57:40  profilanswer
 

Ah les mobiles, je n'y pense pas.
 
Mais dans ce cas j'ai le même probleme que Panzer, je ne vois pas comment mettre un lien dans une image, hors mis la balise map et/ou mettre l'image comme lien..
 
Mais lorsqu'on fait un menu dynamique (qui est donc susceptible d'être changé) ça complique un peu la tache si à chaque fois il faut recréer une image différente ?

mood
Publicité
Posté le 15-01-2009 à 15:57:40  profilanswer
 

n°1838484
macgawel
Posté le 15-01-2009 à 16:09:10  profilanswer
 

Artesia a écrit :

Ah les mobiles, je n'y pense pas.
 
Mais dans ce cas j'ai le même probleme que Panzer, je ne vois pas comment mettre un lien dans une image, hors mis la balise map et/ou mettre l'image comme lien..
 
Mais lorsqu'on fait un menu dynamique (qui est donc susceptible d'être changé) ça complique un peu la tache si à chaque fois il faut recréer une image différente ?


il n'y a pas que les mobiles, il y a aussi la navigation en mode texte par exemple...
Je ne comprends pas ton problème : De toute façon, si on fait un menu dynamique il faut "recréer une image différente", qu'on travaille en tableau ou autrement...
Dans le cas d'un menu, ce qui peut être fait :

Code :
  1. <ul id="menu>
  2. <li id=item1"><a href="lien1.html">Lien 1</a></li>
  3. ...
  4. </ul>


Et dans le CSS, on définit une image de fond pour #item1 (éventuellement on "cache" le texte).
Comme ça, dans le cas de navigations "alternatives" on a toujours le menu sous forme de liste...

n°1838493
Artesia
Posté le 15-01-2009 à 16:19:04  profilanswer
 

Ok je vois en gros merci


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Introduire des liens textes dans une image (XHTML)

 

Sujets relatifs
Insérer une image dans un JLabel avec setIconchanger l'image d'un bouton en cliquant dessus
XHTML strict, target frame!! -> javaScript ?Problème image liée soulignée ou non ?
[Résolu]Créer des liens vers le disque dur du visiteurFlux RSS sur une image
Importer textes en html sous excel pour les traiter avec vbarecadrage image javascript
Image dans Jlabel(réglé)afficher une grande image en vraie taille automatiquement
Plus de sujets relatifs à : Introduire des liens textes dans une image (XHTML)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR