Prob avec Map Area/Usemap

Discussion dans 'Web, design' créé par II phl II, 29 Décembre 2003.

Statut de la discussion:
Fermée.
  1. Offline
    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
    II phl II, 29 Décembre 2003
    #1
  2. Offline
    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:
    RedCross, 29 Décembre 2003
    #2
  3. Offline
    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 :-(
    II phl II, 29 Décembre 2003
    #3
  4. Offline
    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 :D

    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...
    RedCross, 29 Décembre 2003
    #4
  5. Offline
    II phl II Touriste
    ok je vais essayer :]
    II phl II, 29 Décembre 2003
    #5
  6. Offline
    II phl II Touriste
    En effet la qualité avec le jpg transparent n'est plus terrible ...

    tu pensais le faire comment ?
    II phl II, 29 Décembre 2003
    #6
  7. Offline
    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. :?
    RedCross, 29 Décembre 2003
    #7
  8. Offline
    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 ...
    PunkDeLuxe, 29 Décembre 2003
    #8
  9. Offline
    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, ...) ?
    II phl II, 29 Décembre 2003
    #9
  10. Offline
    RedCross ex membre
    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 :? )
    RedCross, 29 Décembre 2003
    #10
  11. Offline
    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 :]
    II phl II, 29 Décembre 2003
    #11
Statut de la discussion:
Fermée.