Pb de marge entre une photo et une table
Pb de marge entre une photo et une table - HTML/CSS - Programmation
Marsh Posté le 09-10-2003 à 19:01:16
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.
Marsh Posté le 09-10-2003 à 19:57:34
| Hermes le Messager a écrit : 1) Prends l'habitude de mettre tes tags en minuscules. |
Merci Hermes pour cette réponse exemplaire 
Cela m'a permis de réglé parfaitement mon problème de marge.
<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 
Marsh Posté le 09-10-2003 à 20:10:47
| 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
Marsh Posté le 09-10-2003 à 22:19:52
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
Message édité par aragorns le 09-10-2003 à 22:24:36
Marsh Posté le 09-10-2003 à 22:21:28
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
Marsh Posté le 09-10-2003 à 22:50:06
| gm_superstar a écrit : Appliquer "vertical-align: bottom" à la cellule qui contient le tableau ? |
J'ai essayé, cela n'a aucun effet.
Marsh Posté le 09-10-2003 à 23:01:16
valign, c'est à <td> qui contient ta deuxième table qu'il faut l'appliquer...
Marsh Posté le 10-10-2003 à 17:17:14
| 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
Marsh Posté le 10-10-2003 à 19:36:52
| 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
Marsh Posté le 10-10-2003 à 20:09:07
Je te conseille ces deux sites :
http://openweb.eu.org
http://www.alsacreations.com/articles/
Marsh Posté le 10-10-2003 à 21:34:18
| Cerel a écrit : Je te conseille ces deux sites : |
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 
Fini la bidouille 
Message édité par aragorns le 10-10-2003 à 21:35:02
Sujets relatifs:
- [MYSQL] Question sur une "grande table"
- [Java] Gui : mise à jour d'une table
- [MySQL] Table HEAP
- Insertion 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 autre
- Problème de marge
- Trouver une table de traduction?
- transferer 350000 enregistrement d'une table local a table distante?
Marsh Posté le 09-10-2003 à 18:04:41
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.