Problème de tableaux avec internet explorer [HTML] - HTML/CSS - Programmation
Marsh Posté le 13-12-2005 à 21:56:55
Ben... t'as "vraiment" besoin d'un tableau pour faire ça ?
Marsh Posté le 13-12-2005 à 23:20:46
la largeur et la hauteur du cadre doivent être variables
donc je ne vois pas comment le faire sans tableau...
il est possible de faire autrement ?
Marsh Posté le 14-12-2005 à 08:43:23
http://gatsu.ftp.free.fr/Modele/BoiteDecoree/test.htm
il n'y a que 4 images (haut, bas, gauche et droite, désolé j'ai pas pu faire plus simple)
les petits bords sont aussi des images, le texte du centre est contenu dans un DIV, il faudra faire attention à ne pas rajouter de DIV dans ce bloc car sinon ca pourrait foirer l'affichage.
Bon tu peux tout récupérer en enlevant test.htm
ici donc : http://gatsu.ftp.free.fr/Modele/BoiteDecoree/
le HTML est super simple, c'est juste le CSS qui paraît un peu imbuvable, mais si cette boite se répète 50 fois dans la page, ca te fait du code HTML ultra alléger.
ta boite est ultra extensible, si tu ne l'avais pas voulu extensible sur les cotés on aurait pu un peu alléger le code CSS, mais bon je doit reconnaitre que code CSS + code HTML dans ma page, ca prend autant de place que ton paté en HTML, mais si tu répète ce bloc plusieurs fois, ca prend largement moins de place.
PS : Evite le charcutage graphique comme tu avais fait, ca ne vaut pas le coup.
les images haut et bas peuvent être passées en GIF sans transparence, j'ai gagné 3ko sur les 2 images. A toi de voir.
Donc voila une mise en page simple au niveau HTML, même si graphiquement c'est un peu chiant.
Marsh Posté le 14-12-2005 à 10:52:30
gatsu35 a écrit : http://gatsu.ftp.free.fr/Modele/BoiteDecoree/test.htm |
Alors là chapeau
tu as mis combien de temps à refaire le tout ?
Marsh Posté le 14-12-2005 à 10:58:53
ReplyMarsh Posté le 14-12-2005 à 11:02:09
xtof_83 a écrit : ça doit ce faire dans les 20min... |
20 minutes pour faire tout ça
surtout qu'il a remonté toutes les images...
j'avais mis plus d'1H à faire le tableau
et maintenant je vais mettre 1H de plus pour comprendre tout son code
edit:
est-ce que cette ligne a un rôle concret ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Marsh Posté le 14-12-2005 à 11:15:56
j'ai mis plus de 15 minutes pour recoller toutes ta charcuterie, yavait des morceaux un peu partout, une véritable boucherie.
et 5 minutes minutes à faire un truc potable, et 4 minutes pour me dire "Est-ce que c'est parfait, recheckons".
Marsh Posté le 14-12-2005 à 11:16:55
sire de Botcor a écrit : 20 minutes pour faire tout ça |
le doctype est la chose la plus important que tu fais du HTML ca détermine le comportement du navigateur
avec le doctype suivant je dis au navigateur : Ma page elle est propre elle se comporte comme cela, donc tu dois lire ma page en suivant les instructions de la dtd donnée dans l'url.
Marsh Posté le 14-12-2005 à 11:19:47
gatsu35 a écrit : le doctype est la chose la plus important que tu fais du HTML ca détermine le comportement du navigateur |
ah ok
c'est peut-être pour cette raison que ma page de départ était acceptée par firefox et non par internet explorer...
Marsh Posté le 14-12-2005 à 11:21:43
hummm moi j'aurai plutot dit que c'est plutot car ta page était mal partie lol.
et puis tu as ultra découpé ton tableau pour pas grand chose.
et puis les tableaux c'est totalement dépassé.
on fait du web comme je viens de te le montrer ici.
Marsh Posté le 14-12-2005 à 11:22:04
J'expliquerai ce que j'ai fais un peu plus tard là jvais me preparer et preparer mon rendez-vous
Marsh Posté le 14-12-2005 à 11:23:43
ok
encore merci
Marsh Posté le 13-12-2005 à 21:29:23
Salut !
Je travaille sur un cadre formé d'un tableau.
Je l'ai fait à la main sur bloc note et ensuite je l'ai passé dans nvu.
Au final, ça fonctionne très bien sur firefox
mais ça part de tous les côtés sur internet explorer :
http://carcreff.free.fr/smileys/tablo.html
est-ce que vous auriez une solution ?
<TABLE border=0 cellspacing=0 cellpadding=0>
<TR>
<TD background=tablo_coinhautdebutgauche.gif height=32 width=7> </TD>
<TD background=tablo_coinhautfingauche.gif height=32 width=63> </TD>
<TD background=tablo_hautmilieu.gif height=32 align=center><FONT color=white><B> blabla </B></FONT></TD>
<TD background=tablo_coinhautdebutdroite.gif height=32 width=63> </TD>
<TD background=tablo_coinhautfindroite.gif height=32 width=7> </TD>
</TR>
<TR>
<TD background=tablo_gauche.gif width=7> </TD>
<TD colspan=3>
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww<BR><BR><BR>
</TD>
<TD background=tablo_droite.gif width=7> </TD>
</TR>
<TR>
<TD background=tablo_coinbasdebutgauche.gif height=31 width=7> </TD>
<TD background=tablo_coinbasfingauche.gif height=31 width=63> </TD>
<TD background=tablo_basmilieu.gif height=31 align=center> </TD>
<TD background=tablo_coinbasdebutdroite.gif height=31 width=63> </TD>
<TD background=tablo_coinbasfindroite.gif height=31 width=7> </TD>
</TR>
</TABLE>
---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron