Comment faire

Comment faire - HTML/CSS - Programmation

Marsh Posté le 07-11-2005 à 17:18:03    

J'ai une image carrée de 15 cm environ.
 
Je voudrais placer 4 mots dans cet image qu'on pourrait cliquer pour ouvrir une autre fenêtre.
 
On me conseille d'utiliser MAP pour faire cela!
 
Est-ce ok ou vous avez une autre solution ?
 
Merci beaucoup!

Reply

Marsh Posté le 07-11-2005 à 17:18:03   

Reply

Marsh Posté le 07-11-2005 à 17:23:37    

MAP = 1 image avec des zones correspondant à des liens.
Utilise plustôt la balise <A> stylé et placé où tu veux dans le caré grâce aux css.
 
Ca sera beaucoup plus légé à récupérer, plus facile à faire évoluer si tu veux changer les positions ou le texte et ca sera accéssible même aux aveugles. Que du bénef par rapport à une image découpé par une "MAP".

Reply

Marsh Posté le 08-11-2005 à 12:39:45    

Merci mais je ne suis pas familier du tout avec CSS.

Reply

Marsh Posté le 08-11-2005 à 12:44:07    

mets y toi au css car faire un site sans de nos jours c'est plus pensable.

Reply

Marsh Posté le 08-11-2005 à 13:13:27    

Voire carrément has been [:roane]


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 08-11-2005 à 13:44:46    

et on ne parle pas en cm pour les images mais en pixel


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 08-11-2005 à 14:46:07    

J'ai essayé avec area shape
 
<map name="logo">
   <area shape="rect" coords="1,8,49,19" href="test.html" alt="Test">
   <area shape="rect" coords="1,8,49,19" href="#">
   <area shape="rect" coords="20,8,79,19" href="#">
   <area shape="rect" coords="20,8,79,19" href="#">
</map>
<img src="c:\temp\Logo.gif" alt "Image" usemap="logo" border="0">
 
Le résultat n'est pas concluant, je vois mon image et c'est tout.

Reply

Marsh Posté le 08-11-2005 à 16:30:07    

avec ces commandes, est-il possible de voir le contour pour être sur de pointer à la bonne place.
 
Merci!


Message édité par fourniey le 08-11-2005 à 16:33:01
Reply

Marsh Posté le 08-11-2005 à 16:37:03    

Je pense que d'autres forumeurs t'ont conseillé de le faire avec le CSS.
Chose qui répondrait à tes attentes.


---------------
Feedback (avant 2011)
Reply

Marsh Posté le 08-11-2005 à 17:21:33    

Je n'aurai pas le choix je crois.
 
Je voulais faire simple car cette page sera accessible que très peu de temps et la beauté n'a que très peu d'importance.
 
Et comme je ne connais pas le CSS alors, j'allais au plus court avec area shape.


Message édité par fourniey le 08-11-2005 à 17:23:18
Reply

Marsh Posté le 08-11-2005 à 17:21:33   

Reply

Marsh Posté le 08-11-2005 à 17:39:14    

Reply

Marsh Posté le 08-11-2005 à 17:42:59    

fourniey a écrit :


Est-ce ok ou vous avez une autre solution ?

Ceci par exemple, comme le suggère omega2 :
http://css.alsacreations.com/Tutor [...] map-en-CSS
 :)


Message édité par sibelius le 08-11-2005 à 17:43:30

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 08-11-2005 à 18:52:33    


 
C'est en plein cela, l'exemple correspond parfaitement à ce que je veux.

Reply

Sujets relatifs:

Leave a Replay

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