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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Pb de marge entre une photo et une table

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Pb de marge entre une photo et une table

n°535417
aragorns
Posté le 09-10-2003 à 18:04:41  profilanswer
 


Bonjour,  
 
Je vous exprose mon problème HTML :  
 
J'ai fait une table générale qui contient toutes les autres tables.  
Je lui met son border=3 pour marquer les contours du site.  
A l'intérieur:  
J'ai fait une table pour mettre mon bandeau en haut de page.  
j'y ai mis la photo de mon bandeau dedans.  
 
Je fais une autre table en dessous.  
Je place un photo de motifs celtiques pour faire une bordure à gauche.  
Elle est bien collée à gauche contre le border=3 de la table générale, mais elle me fait une marge de 2mm en haut avec le bandeau qui est juste au dessus.  
 
Comment éliminer cette marge ?  
 
 
 
<HTML>  
<HEAD>  
</HEAD>  
 
<BODY>  
 
<TABLE cellSpacing=0 cellPadding=0 align=center bordercolor=#566840 border=3>  
<TD>  
<TABLE cellSpacing=0 cellPadding=0 bordercolor=#566840 border=0> // c cette table qui me pose problème, en effet, si je met le border à 1, on voit une marge de 2mm en desous de la photo. <TD>  
<IMG src="D:\Digitalisation\pics\bandeau.jpg" border=0>  
</TD>  
</TABLE>  
 
 
 
<TABLE cellSpacing=0 cellPadding=0 valign=top border=0>  
<TD>  
<IMG src="D:\Digitalisation\pics\motifs_cetiques.jpg"  
valign=top border=0>  
</TD>  
</TABLE>  
</TD>  
</TABLE>  
</BODY>  
</HTML>  
 
J'espère avoir été claire dans les explications :)  
Merci pour votre aide.

mood
Publicité
Posté le 09-10-2003 à 18:04:41  profilanswer
 

n°535437
Hermes le ​Messager
Breton Quiétiste
Posté le 09-10-2003 à 19:01:16  profilanswer
 

1) Prends l'habitude de mettre tes tags en minuscules.  
2) une table sans ligne, c'est curieux. Mets quand même les <tr></tr>
3) en théorie, une table ne sert pas à faire ce que tu veux faire.
4) Tu utilises IE qui est buggé et qui a besoin de style="vertical-align: bottom" pour les <img...
Donc <img style="...
5) Si tu débutes le HTML, n'oublies pas également de regarder dès maintenant les css et d'apprendre à positionner et à dimensionner des éléments avec.

n°535472
aragorns
Posté le 09-10-2003 à 19:57:34  profilanswer
 

Hermes le Messager a écrit :

1) Prends l'habitude de mettre tes tags en minuscules.  
2) une table sans ligne, c'est curieux. Mets quand même les <tr></tr>
3) en théorie, une table ne sert pas à faire ce que tu veux faire.
4) Tu utilises IE qui est buggé et qui a besoin de style="vertical-align: bottom" pour les <img...
Donc <img style="...
5) Si tu débutes le HTML, n'oublies pas également de regarder dès maintenant les css et d'apprendre à positionner et à dimensionner des éléments avec.  


 
Merci Hermes pour cette réponse exemplaire :)
Cela m'a permis de réglé parfaitement mon problème de marge.
 :bounce:  
 
<IMG style="vertical-align: bottom" src="D:\Digitalisation\pics\bandeau.jpg" border=0>
 
Si le code à l'air si dépouillé, s'est qu'il n'ai que l'esquise, le début de mon travail (un exemple dépouillé est plus claire).
Je compte biensur mettre une barre de navigation et du texte, mais ca c facile :)
En effet j'utilise IE.
J'ai déjà fais 3 sites, mais j'avoue que je n'était jamais tombé sur ce cas particulier ...
C'est l'avantage de refaire de nouvelle chose, on tombe sur de nouveaux problèmes et on se perfectionne.
 
Merci pour ton conseil d'aller m'instruire du côté des css, jusque là je ne les utilisaient que pour colorer l'assenceur ;)
 
Respect à toi Hermès  :hello:

n°535479
gm_superst​ar
Appelez-moi Super
Posté le 09-10-2003 à 20:10:47  profilanswer
 

aragorns a écrit :

Si le code à l'air si dépouillé


Ah non non, il est tout sauf dépouillé ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°535657
aragorns
Posté le 09-10-2003 à 22:19:52  profilanswer
 

Une autre question :
 
Comment peut-on faire lorsqu'on à une grande table, pour placer une petite table à l'intérieur et qu'elle aille se mettre tout en bas à l'intérieur de la grande table contenante ?
J'utilise la solution de mettre plein de <br> pour la pousser jusqu'en bas, mais c du bricolage ...
Je suis sur qu'il y a une solution moin bête que ca :)
 
J'ai bien utiliser valign="bottom", mais cela n'a aucun effet:
 
<TABLE cellSpacing=0 cellPadding=0 align=center valign=bottom border=1>
 
 
 
Merci  :hello:


Message édité par aragorns le 09-10-2003 à 22:24:36
n°535659
gm_superst​ar
Appelez-moi Super
Posté le 09-10-2003 à 22:21:28  profilanswer
 

Appliquer "vertical-align: bottom" à la cellule qui contient le tableau ?
 
Si ça marche pas il faut passer par le positionnement CSS (cf FAQ)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°535707
aragorns
Posté le 09-10-2003 à 22:50:06  profilanswer
 

gm_superstar a écrit :

Appliquer "vertical-align: bottom" à la cellule qui contient le tableau ?
 
Si ça marche pas il faut passer par le positionnement CSS (cf FAQ)


 
J'ai essayé, cela n'a aucun effet.

n°535719
Hermes le ​Messager
Breton Quiétiste
Posté le 09-10-2003 à 23:01:16  profilanswer
 

valign, c'est à <td> qui contient ta deuxième table qu'il faut l'appliquer...

n°536394
aragorns
Posté le 10-10-2003 à 17:17:14  profilanswer
 

Hermes le Messager a écrit :

valign, c'est à <td> qui contient ta deuxième table qu'il faut l'appliquer...


 
Oui ca marche très bien merci :)
Mais comme j'ai 2 tables dans ma table contenante, ces 2 tables sont toutes les 2 collées en bas ... sa s'applique à tout le contenu du fameux <td>.
Moi j'aurai aimé coller juste la 2eme (en partant du haut) en bas.
J'imagine qu'il faut que j'entre des coordonées css pour placer chaque cadre à l'endroit souhaité ?
J'en ai marre de bidouiller avec des <br> pour faire mas mise en page verticale, j'aimerai faire des choses plus sérieuses maintenant.
 
Merci de vos conseils  :hello:

n°536527
gm_superst​ar
Appelez-moi Super
Posté le 10-10-2003 à 19:36:52  profilanswer
 

aragorns a écrit :

J'en ai marre de bidouiller avec des <br> pour faire mas mise en page verticale, j'aimerai faire des choses plus sérieuses maintenant.


Dans ce cas c'est pas seulement les <br> qu'il faut abandonner, mais aussi les tableaux et se mettre sérieusement à la mise en page avec les CSS.
 
Voir la FAQ pour savoir de quoi on parle et pour les liens.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le 10-10-2003 à 19:36:52  profilanswer
 

n°536549
cerel
Posté le 10-10-2003 à 20:09:07  profilanswer
 
n°536622
aragorns
Posté le 10-10-2003 à 21:34:18  profilanswer
 


 
Merci les gas pour vos précieux conseils.
Je suis allé voir vos liens, et vous m'avez convaincu, il faut que je me mette au css :)
Je me met au travail  :sarcastic:  
Fini la bidouille  :lol:  
 :hello:


Message édité par aragorns le 10-10-2003 à 21:35:02

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

  Pb de marge entre une photo et une table

 

Sujets relatifs
[MYSQL] Question sur une "grande table"[Java] Gui : mise à jour d'une table
[MySQL] Table HEAPInsertion de variables un peu spéciales dans une table
[SQLServer, C#] Jointures sur une même table : c'est possible ?2 form côte à côte, possible sans table ?
copier une table dans une autreProblème de marge
Trouver une table de traduction?transferer 350000 enregistrement d'une table local a table distante?
Plus de sujets relatifs à : Pb de marge entre une photo et une table


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR