[html] tableau + images + lien => le truc alakhon ! HELP WANTED !!

tableau + images + lien => le truc alakhon ! HELP WANTED !! [html] - Programmation

Marsh Posté le 28-11-2001 à 15:04:11    

:hello: salut !
 
je suis sérieusement ennuyé par un bout de code html.
 
je fais une barre de navigation horizontale, avec plusieurs images mises bout à bout et ça fait un truc joli,
j'insère mon bout de script "onmouseover" là c'est le feu.
maintenant que le "plus dur" est fait j'ajoute les liens hypertextes. et mon tableau part en vrille :
les images se retrouvent séparées par des blancs sortis d'on ne sais où !
alors si c'est déjà arrivé à quelqu'un j'aimerais bénéficier de vos lumières...
(je peux mettre le bout de code si vous y tenez, mais pour le moment le message est assez long comme ça !)

 

[edtdd]--Message édité par punkrod--[/edtdd]

Reply

Marsh Posté le 28-11-2001 à 15:04:11   

Reply

Marsh Posté le 28-11-2001 à 15:56:28    

Vas-y balance le bout de code  :sol:

Reply

Marsh Posté le 28-11-2001 à 16:19:11    

Citation :

<table border="0" cellpadding="0" cellspacing="0" width="800" bgcolor="#FFFFFF">
      <tr>
        <td width="200" height="41" align="center" noWrap>Bla bla </td>
        <td width="600" height="41"><table border="0" cellpadding="0" cellspacing="0" width="600"
        bgcolor="#FFFFFF">
          <table border="0" cellpadding="0" cellspacing="0" width="600" bgcolor="#FFFFFF">
            <td><img src="images/hor_arrondi_gauche.gif" alt WIDTH="20"
            HEIGHT="41"></td>
   <td><a HREF="index.htm" onMouseover="hiLite('img1','img1_on';)"
            onMouseout="hiLite('img1','img1_off';)" border="0"><img
            src="images/btn/btn_luminy_70_off.gif" WIDTH="70" HEIGHT="41" BORDER="0" NAME="img1"></a></td>
   <td><a HREF="index.htm" onMouseover="hiLite('img2','img2_on';)"
            onMouseout="hiLite('img2','img2_off';)" border="0"><img
            src="images/btn/btn_enseignement_100_off.gif" alt WIDTH="100" HEIGH="41" NAME="img2"></a>
            </td>
 
[...] coupé volontairement, repose sur le même principe, seule la largeur des boutons change [...]
            <td width="20" noWrap><img src="images/hor_arrondi_droite.gif" alt WIDTH="20" HEIGHT="41"></td>
          </tr>
        </table>
        </td>
      </tr>
    </table>


j'ai allégé un peu le code, j'ai laissé le début, mais faut voir qu'il y a 9 colonnes qui forment un tableau, celui-ci étant inclus dans une cellule d'un autre tableau.
et je comprend pas car ça marchait très bien tant que le mouseover et les liens hypertextes n'étaient pas insérés

Reply

Marsh Posté le 28-11-2001 à 16:35:49    

Bon premier truc, c'est quoi tous ces attributs "nowrap"  :sarcastic:  
 
Sinon en 4ème et 5ème lignes de ton bout de code, t'as deux balises <table> qui s'ouvrent, mais je vois pas trop où ca se ferme... c quoi cette histoire ? pourquoi imbriquer trois tableaux là où deux suffisent ?
 
Bon le reste ca a l'air bon, ton code est bien formé (avec tous les attributs entre "", c cool)... je vois pas trop le problème... t'es sûr qu'il faut préciser la largeur en pixels de tous tes tableaux "internes" ?

 

[edtdd]--Message édité par HotShot 2 Le Retour--[/edtdd]

Reply

Marsh Posté le 28-11-2001 à 16:37:49    

et en plus, pourquoi tu met border=0 dans tes balises <a> :??:
 
t'as fait ca tout seul ou avec un éditeur?

Reply

Marsh Posté le 28-11-2001 à 16:56:47    

au lieu de mettre ton code en citation, tu pourrais le mettre entre [code] et [/ code] stp? c bcp bcp plus lisible...


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 28-11-2001 à 17:03:22    

gizmo a écrit a écrit :

et en plus, pourquoi tu met border=0 dans tes balises <a> :??:
 
t'as fait ca tout seul ou avec un éditeur?  




 
Ah oui tiens j'avais même pas vu les border="0" dans les <A>  :lol: C'est vraiment zarbi ce truc...

Reply

Marsh Posté le 28-11-2001 à 17:05:15    

poste un screen aussi pour qu'on voit!


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 28-11-2001 à 17:11:11    

Suri a écrit a écrit :

poste un screen aussi pour qu'on voit!




 
On écrit pas "qu'on voit" mais avec un "e", comme dans "qu'on rigole"  :D

Reply

Marsh Posté le 28-11-2001 à 17:52:57    

HotShot 2 Le Retour a écrit a écrit :

 
 
On écrit pas "qu'on voit" mais avec un "e", comme dans "qu'on rigole"  :D  




 
ouais bon c bon... moi j'ecrit: "on rigolt" alors "on voit" :D
mais c vrai que j'ai hesite... mais bon... on dit pas c ou cai mais c'est... et je compte pas les milliers de fotes (oups) en é ou er ou ai/ais/ait/aient...


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 28-11-2001 à 17:52:57   

Reply

Marsh Posté le 28-11-2001 à 18:20:23    

Suri a écrit a écrit :

 
 
ouais bon c bon... moi j'ecrit: "on rigolt" alors "on voit" :D
mais c vrai que j'ai hesite... mais bon... on dit pas c ou cai mais c'est... et je compte pas les milliers de fotes (oups) en é ou er ou ai/ais/ait/aient...  




mouais...
bon nous disions donc :
 
tu postes un screen qu'on rigole ?
 
 :lol:

Reply

Marsh Posté le 28-11-2001 à 18:46:49    

HotShot 2 Le Retour a écrit a écrit :

 
mouais...
bon nous disions donc :
 
tu postes un screen qu'on rigole ?
 :lol:  




 
ben non: qu'on voix!


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 29-11-2001 à 01:35:24    

Utilise plutot des area et map...
et créé toi une seule image composée des autres...
c'est plus lisible etplus simple à gérer pour l'ergonomie... ;)

Reply

Marsh Posté le 29-11-2001 à 10:09:41    

merci les gars  :jap:,  
mais j'ai installé la version d'essai de dreamweaver et il m'a fait le truc proprement, bizarrement y a rien d'exceptionnel dans le code mais bon ça marche donc tout est au mieux. (si ce n'est que j'ai paumé facilement une demi journée devant un problème incompréhensible... à moins peut être de travailler pour microsoft)
 
le border="0" dans la balise <a> ça devait être quand je faisais des essais de trucs pourris : j'étais obligé de bosser sour frontpage 98 ( c'est à ce moment que vous êtes supposés rigoler ;-)) et il me faisait un énorme contour tout laid dès que je m'étais un lien sur une image, alors j'ai tenté pleins de trucs débiles dans le code, dont cette énormité que j'ai oublié d'enlever :)
 
enfin y a pas a tortiller de la fesse, dreamweaver ça marche quand même plutôt bien.. je vais leur faire prendre une licence ici !!  :D

Reply

Marsh Posté le 29-11-2001 à 10:16:19    

ah ouais tant que j'y suis et pour améliorer ma connaissance du sujet, pour les areas et les maps, on doit faire du positionement absolu ou en relatif ça marche aussi ?(ça m'étonnerait... mais comme j'y connais rien je demande)
 
pis la balise code j'y penserais, je l'ai pas vu dans le menu, alors j'ai mis la citation ! :pt1cable:  
(c'est vrai que c'est illisible en fait...)

Reply

Sujets relatifs:

Leave a Replay

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