Introduire des liens textes dans une image (XHTML)

Introduire des liens textes dans une image (XHTML) - HTML/CSS - Programmation

Marsh Posté le 27-12-2008 à 03:08:01    

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
Reply

Marsh Posté le 27-12-2008 à 03:08:01   

Reply

Marsh Posté le 27-12-2008 à 15:32:58    

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

Reply

Marsh Posté le 27-12-2008 à 15:47:03    

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

Reply

Marsh Posté le 28-12-2008 à 03:02:42    

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
Reply

Marsh Posté le 14-01-2009 à 12:45:47    

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
Reply

Marsh Posté le 15-01-2009 à 00:22:25    

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>

Reply

Marsh Posté le 15-01-2009 à 11:10:38    

Reply

Marsh Posté le 15-01-2009 à 15:37:39    

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

Reply

Marsh Posté le 15-01-2009 à 15:52:17    

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.).

Reply

Marsh Posté le 15-01-2009 à 15:57:40    

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 ?

Reply

Marsh Posté le 15-01-2009 à 15:57:40   

Reply

Marsh Posté le 15-01-2009 à 16:09:10    

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...

Reply

Marsh Posté le 15-01-2009 à 16:19:04    

Ok je vois en gros merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed