[XHTML] pkoi cette page passe pas sous Mozilla ?

pkoi cette page passe pas sous Mozilla ? [XHTML] - HTML/CSS - Programmation

Marsh Posté le 08-06-2002 à 11:33:20    

http://z0rglub.dns2go.com/essai/style/index.htm
regardez là sous IE ou opéra et sous Mozilla, vous verrez tout de suite le petit pb... si vous savez comment faire pour passer ce léger soucis... merci d'avance !


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-06-2002 à 11:33:20   

Reply

Marsh Posté le 08-06-2002 à 11:37:38    

erreur ligne 149

Reply

Marsh Posté le 08-06-2002 à 11:38:36    

<td style="background:url(./template/rounded/darkgrey/05.gif);width:100%;">


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-06-2002 à 11:39:48    

c'est valide XHTML et CSS il me semble


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-06-2002 à 11:48:51    

z0rglub a écrit a écrit :

c'est valide XHTML et CSS il me semble  




ben non, l'erreur, elle provient du validateur.

Reply

Marsh Posté le 08-06-2002 à 11:53:16    

oui, effet, vois que je corrige mon PHP :D ... j'ai viré l'erreur, mais ça continue !


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-06-2002 à 11:55:41    

en tout cas :  
http://jigsaw.w3.org/css-validator [...] medium=all


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-06-2002 à 12:47:48    

ok, maintenant, niveau syntaxe c'est peut-être correct, mais parcontre, je ne sais pas si tu as vu ton code, mais tu as une table de 100% avec dedans une cellule de 1% et dans cette cellule de 1%, une tables de 100% qui contient tout le reste. C'est pas très logique comme truc.

Reply

Marsh Posté le 08-06-2002 à 12:55:32    

si si, c'est vachement futé justement :D
Je cherchais à faire tenir la colonne de gauche dans le moins de place possible tout en faisans que le contenu de la cellule centrale des tableaux entourés d'images n'aille jamais à la ligne sans que je lui dise... c'est la meilleure technique que j'ai trouvé ! elle marche sans pb sous opéra et IE, et je rajouterai de plus que mon ancien code qui n'utilisais pas les CSS et non conforme au moindre HTML marchait sans pb et était basé sur le même principe :
Avant :

Code :
  1. <table width='1%' border=0 cellpadding=0 cellspacing=0>
  2. <tr>
  3.  <td><img src =" ./images_phpwebgallery/bleu_01.gif" width="12" height="12"></td>
  4.  <td><img src =" ./images_phpwebgallery/bleu_02.gif" width="100%" height="12"></td>
  5.  <td><img src =" ./images_phpwebgallery/bleu_03.gif" width="17" height="12"></td>
  6. </tr>
  7. <tr>
  8.  <td background =' ./images_phpwebgallery/bleu_04.gif'> </td>
  9.  <td background =' ./images_phpwebgallery/bleu_05.gif' width='100%' align='center'>
  10.   <font face='Verdana, Arial, Helvetica, Sans-Serif' size='+1'>
  11.    <nobr>Aucune rubrique n'est selectionnée,<br>veuillez en choisir une dans le menu.</nobr>
  12.   </font>
  13.  </td>
  14.  <td background =" ./images_phpwebgallery/bleu_06.gif"> </td>
  15. </tr>
  16. <tr>
  17. <td><img src =" ./images_phpwebgallery/bleu_07.gif" width="12" height="16"></td>
  18. <td><img src =" ./images_phpwebgallery/bleu_08.gif" WIDTH="100%" height="16"></td>
  19. <td><img src =" ./images_phpwebgallery/bleu_09.gif" width="17" height="16"></td>
  20. </tr>
  21. </table>


Après (conforme XHTML+CSS) :

Code :
  1. <table style="width:1%;">
  2.   <tr>
  3.    <td><img src="./template/rounded/darkgrey/01.gif" style="width:12px;" alt=""/></td>
  4.    <td><img src="./template/rounded/darkgrey/02.gif" style="width:100%;height:12px;" alt=""/></td>
  6.    <td><img src="./template/rounded/darkgrey/03.gif" style="width:17px;" alt=""/></td>
  7.   </tr>
  8.   <tr>
  9.    <td style="background:url(./template/rounded/darkgrey/04.gif);"></td>
  11.    <td style="background:url(./template/rounded/darkgrey/05.gif);width:100%;">
  12.                 <div class="titrePage">No category selected<br />choose one in the menu</div></td>
  13.    <td style="background:url(./template/rounded/darkgrey
  14. /06.gif);"></td>
  16.   </tr>
  17.   <tr>
  18.    <td><img src="./template/rounded/darkgrey/07.gif" alt=""/></td>
  19.    <td><img src="./template/rounded/darkgrey/08.gif" style="width:100%;height:16px;" alt=""/></td>
  20.    <td><img src="./template/rounded/darkgrey/09.gif" alt=""/></td>
  22.   </tr>
  23.  </table>


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-06-2002 à 13:23:45    

si tu veux que ca prenne le moins de place possible, donne lui une taille fixe. Parce que le reste est aussi foireux niveau conception. Y a moyen d'arriver au même résultat que toi avec nettement moins de chippotage.

Reply

Marsh Posté le 08-06-2002 à 13:23:45   

Reply

Marsh Posté le 08-06-2002 à 13:26:25    

taille fixe : totalement impossible, c'est une application distribuée, je peux pas imposer aux gens que le nom de leur rubrique d'image fasse moins de X caractères..


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-06-2002 à 16:01:55    

je parle pas de taille fixe pour les images, mais pour tout ce qui est menu.

Reply

Marsh Posté le 08-06-2002 à 16:04:27    

moi pareil je parle de la taille fixe pour le menu, impossible


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 09-06-2002 à 11:06:18    

z0rglub a écrit a écrit :

moi pareil je parle de la taille fixe pour le menu, impossible  




 
Très possible.

Reply

Marsh Posté le 09-06-2002 à 21:10:57    

W3C compliant a écrit a écrit :

 
 
Très possible.  




je serai ravi qu'on m'explique comment faire alors.


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 09-06-2002 à 23:01:12    

CSS & Tableaux

Reply

Marsh Posté le 10-06-2002 à 07:54:09    

et tu saurais m'expliquer ou me filer une URL d'exemple pour faire ce genre de truc :
http://www.z0rglub.com/images/menu.png


Message édité par z0rglub le 06-10-2002 à 07:54:30

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 10-06-2002 à 12:29:27    

Tableau à 3 colonnes, 4 lignes :D

Reply

Marsh Posté le 10-06-2002 à 12:32:40    

euh, à ton avis, pour le moment, j'ai fait comment (et puis, j'ai 3 colonnes et 3 lignes, pas 4, ou alors je veux bien une légère explication sur le pkoi du comment)

Reply

Marsh Posté le 10-06-2002 à 13:18:26    

Bon ben alors, où est le problème ?  :??: Tableaux + CSS roulaize... tableaux imbriqués too

Reply

Marsh Posté le 10-06-2002 à 13:24:43    

W3C compliant a écrit a écrit :

Bon ben alors, où est le problème ?



sous Mozilla, y'a un écart entre le haut du tableau et la ligne du milieu !
Petite remarque : c'est un tableau 3*3 avec un contenu sous forme de div dans la celulle centrale.


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 10-06-2002 à 16:05:49    

et en virant le div ? ou en modifiant son attribut display ?

Reply

Marsh Posté le 10-06-2002 à 16:58:15    

W3C compliant a écrit a écrit :

et en virant le div ? ou en modifiant son attribut display ?  




j'y ai pensé tout à l'heure, je teste ça ce soir (qd je serai plus au boulot...)


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 10-06-2002 à 17:18:24    

J'ai entendu parler d'une norme qui étant respectée par mozilla, affichait un espace entre les images. Les autres navigateurs ne respectant pas la norme, s'affiche par défaut sans espace.  
 
Maintenant, t'as plus qu'a cherché :)

Reply

Marsh Posté le 10-06-2002 à 17:24:01    

Suffit de donner un attribut "display:box;" à ces images, il me semble...

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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