Prob avec Map Area/Usemap

Statut
N'est pas ouverte pour d'autres réponses.
II phl II

II phl II

Touriste
Je suis en train de faire un petit site (avec photoshop/image ready) pour un club de Karting et j'ai un petit problème avec l'insertion du USEMAP="#back" pour créér des liens sur une image.

Voici le site (loin d'etre fini) Ici

et voici le code :
Code: 
<HTML>
<HEAD>

<TITLE>Soka Liège</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

</HEAD>

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<br>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="111111" width="800" id="AutoNumber1" height="600" align="center">
 <tr>
 <td background="images/back.gif" valign="top">
    <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td colspan="2" height="90"></td>
     </tr>
	 <tr>
	  <td width="115">

	<MAP NAME="back">
	<AREA SHAPE="rect" ALT="" COORDS="1,119,109,140" HREF="accueil.htm">
	<AREA SHAPE="rect" ALT="" COORDS="1,160,110,182" HREF="evenements.htm">
	<AREA SHAPE="rect" ALT="" COORDS="0,200,110,223" HREF="photos.htm">
	<AREA SHAPE="rect" ALT="" COORDS="1,236,109,259" HREF="contact.htm">
	<AREA SHAPE="rect" ALT="" COORDS="1,273,109,296" HREF="staff.htm">
	<AREA SHAPE="rect" ALT="" COORDS="0,312,108,333" HREF="materiel.htm">
	<AREA SHAPE="rect" ALT="" COORDS="99,501,195,515" HREF="http://www.karting-live.com" TARGET="new">
	</MAP>
      <td><iframe src="news.htm" width="685" height="398" scrolling="auto" frameborder="0" ALLOWTRANSPARENCY="true"></iframe></td>
	</tr>
   </table>
 </td>
 </tr>
</table>

</BODY>

</HTML>
En fait le problème est que je ne sais pas mettre le USEMAP="#back" la où l'image est insérée càd ici : <td background="images/back.gif" valign="top"> et sans Usemap pas de liens :x

Si qqun sait comment faire je lui en serai très reconnaissant :]

merci
 
R

RedCross

ex membre
Bien sur, ton image est dans un TD. Si tu veux que ça fonctionne comme, tu dois mettre une image transparente dans ce td par-dessus. :wink:
 
1er
OP
II phl II

II phl II

Touriste
et comment met-on une image transparente par au dessus ? :?

j'ai essayer en insérant l'image via <img src="..." usemap="#back"> la les liens fonctionnent mais il me met l'image un peu n'importe où et l'iframe ne s'ouvre plus du tout la où elle doit :-(
 
R

RedCross

ex membre
Ouais, enfin, moi je disais ça dans l'absolu. Maintenant, j'ai vu ton code. Hem, je pense que t'aurais du faire autrement mais bon. :D
Là, t'essaies de faire dans le facil en placant une toute grande image derrière et par dessus, rendre ça cliquable. C'est pas impossible, mais ça fait un peu bidouillage hein :mrgreen:

Tu dois placer une image transparente dans le TD qui fait 115 là. (qui n'est d'ailleurs pas fermé ! ). L'image devra faire 115 de large et ske tu veux de haut...
 
1er
OP
II phl II

II phl II

Touriste
ok je vais essayer :]
 
1er
OP
II phl II

II phl II

Touriste
En effet la qualité avec le jpg transparent n'est plus terrible ...

tu pensais le faire comment ?
 
R

RedCross

ex membre
hem... non, un jpeg transparent, c'est pas possible :D
gif transparent oui.
et je vois pas pourquoi la qualité serait moins bonne. :?
 
P

PunkDeLuxe

condom
o passage jolit iste :]

Et Cross a raison .. l'image transparent n alterrera pas la qualité de l autre image vu qu'elle est transparente ...
 
1er
OP
II phl II

II phl II

Touriste
en fait elle altérait la qualité parce que j'avais mis le fond transparent mais les textes et les liens dessus => quand je mettais le tout ensemble le texte ressortait de l'image de fond (le karting en brun) par "l'arriere" si je puis dire ... et donc le texte était comme flou ..

Mais j'ai trouvé une autre méthode :]

le voila terminé (enfin le corps uniquement) : Soka

Si vous avez une idée pour une bonne couleur de lien dites moi, la je les ai mis en vert ... je sais pas trop (sur la page évenements)

Autres question : est-il possible de faire un roll over sur les liens du menu ? (accueil, evenements, ...) ?
 
R

RedCross

ex membre
II phl II a dit:
Autres question : est-il possible de faire un roll over sur les liens du menu ? (accueil, evenements, ...) ?
Cliquez pour agrandir...
Hin hiiiin... je m'attendais à cette question justement. He bein non, pas comme tu as fait justement. Tu bosses avec un truc en fond qui sera toujours statique. Faut revoir la manière dont tu bosses.
Tu fais un design et puis tu te poses comme première question ce que tu veux en faire. Là, tu t'es tout de suite lancé dans le code alors que tu ne savais pas ce que tu voulais en faire.

Les roll-over, faut faire à la manière classique. Découper ton image, 2 états par bouton. Enfin, je ne sais pas ce que tu utilises comme soft, mais teste ImageReady ou Fireworks...


(à propos g vu ton code, maintenant, ton TD de 115 tu l'as fermé 2 fois :? )
 
1er
OP
II phl II

II phl II

Touriste
oui en effet, bizare :]

sinon pour les roll over c'est vrai que je me suis un peu précipiter :? on verra par apers si j'ai le courage de recommencer :p

merci pour tout redcross :]
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut