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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment faire

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Comment faire

n°1240610
fourniey
Rendre au prochain
Posté le 07-11-2005 à 17:18:03  profilanswer
 

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!

mood
Publicité
Posté le 07-11-2005 à 17:18:03  profilanswer
 

n°1240617
omega2
Posté le 07-11-2005 à 17:23:37  profilanswer
 

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

n°1241131
fourniey
Rendre au prochain
Posté le 08-11-2005 à 12:39:45  profilanswer
 

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

n°1241134
groskachou
Posté le 08-11-2005 à 12:44:07  profilanswer
 

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

n°1241150
Roane
Pingouino's fan
Posté le 08-11-2005 à 13:13:27  profilanswer
 

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
n°1241185
gatsusat
Posté le 08-11-2005 à 13:44:46  profilanswer
 

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


---------------
Les CSS c'est bon mangez-en
n°1241290
fourniey
Rendre au prochain
Posté le 08-11-2005 à 14:46:07  profilanswer
 

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.

n°1241399
fourniey
Rendre au prochain
Posté le 08-11-2005 à 16:30:07  profilanswer
 

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
n°1241406
bolomatic
Posté le 08-11-2005 à 16:37:03  profilanswer
 

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


---------------
Feedback (avant 2011)
n°1241457
fourniey
Rendre au prochain
Posté le 08-11-2005 à 17:21:33  profilanswer
 

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
mood
Publicité
Posté le 08-11-2005 à 17:21:33  profilanswer
 

n°1241469
adoy
aka KingOfNuls
Posté le 08-11-2005 à 17:39:14  profilanswer
 
n°1241473
sibelius
Vous êtes sûr ?
Posté le 08-11-2005 à 17:42:59  profilanswer
 

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
n°1241548
fourniey
Rendre au prochain
Posté le 08-11-2005 à 18:52:33  profilanswer
 


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


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

  Comment faire

 

Sujets relatifs
Plus de sujets relatifs à : Comment faire


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)