[HTML] Problème de tableaux avec internet explorer

Problème de tableaux avec internet explorer [HTML] - HTML/CSS - Programmation

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 ?
 

Citation :


 <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
Reply

Marsh Posté le 13-12-2005 à 21:29:23   

Reply

Marsh Posté le 13-12-2005 à 21:56:55    

Ben... t'as "vraiment" besoin d'un tableau pour faire ça ?


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

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 ?


---------------
«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
Reply

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.

Message cité 1 fois
Message édité par gatsu35 le 14-12-2005 à 09:11:37
Reply

Marsh Posté le 14-12-2005 à 10:52:30    

gatsu35 a écrit :

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.


 
Alors là chapeau :ouch:  
[:spikler]  
tu as mis combien de temps à refaire le tout ?


---------------
«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
Reply

Marsh Posté le 14-12-2005 à 10:58:53    

ça doit ce faire dans les 20min...
 
Mais Gat étant un rapide....

Reply

Marsh Posté le 14-12-2005 à 11:02:09    

xtof_83 a écrit :

ça doit ce faire dans les 20min...
 
Mais Gat étant un rapide....


20 minutes pour faire tout ça :pt1cable:  
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 [:domus]
 
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">

Message cité 1 fois
Message édité par sire de Botcor le 14-12-2005 à 11:15:24

---------------
«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
Reply

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".

Reply

Marsh Posté le 14-12-2005 à 11:16:55    

sire de Botcor a écrit :

20 minutes pour faire tout ça :pt1cable:  
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 [:domus]
 
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">


 
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.

Reply

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
 
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.


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...


---------------
«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
Reply

Marsh Posté le 14-12-2005 à 11:19:47   

Reply

Marsh Posté le 14-12-2005 à 11:21:39    

:lol: sans aucun doute...

Reply

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.

Reply

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

Reply

Marsh Posté le 14-12-2005 à 11:23:43    

ok
encore merci


---------------
«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
Reply

Sujets relatifs:

Leave a Replay

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