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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] Décalage pixel sous Netscape...

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] Décalage pixel sous Netscape...

n°892174
WhiteMagic​ian
Posté le 06-11-2004 à 22:18:34  profilanswer
 

Bonjour tout le monde,
 
Alors voila, j'ai un affichage qui se joue au pixel près. La ligne à gauche de la première colonne des deux tableaux est décalée d'un pixel sous Netscape, alors qu'il n'y a pas de problèmes sous IE.
 
Je pense que çà vient du fait que mon deuxième tableau en contienne un autre.
 
Ci dessous, je vous fourni le code simplifié:
 

Code :
  1. <html>
  2. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  3. <!-- Tableau 1 -->
  4. <table border="0" cellpadding="0" cellspacing="0" align="center" valign="top">
  5. <tr>
  6.  <td style="BORDER-LEFT: #000000 1px solid;">
  7.   <img src="../images/menu_titre.jpg" width="150" height="20" alt="Titre: Menu">
  8.  </td>
  9.  <td valign="top">
  10.         <img src="../images/menu_horiz.gif" width="600" height="20" alt="Menu horizontal" border="0">
  11.  </td>
  12. </tr>
  13. </table>
  14. <!-- Tableau 2 -->
  15. <table border="0" width="750" cellpadding="0" cellspacing="0" align="center" valign="top">
  16.     <tr>
  17.         <td>
  18.          <table valign="top" width="100%" border="0" cellspacing="0" cellpadding="0">
  19.           <tr>
  20.               <!-- 1ère colonne -->
  21.               <td style="BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;">
  22.                <img src="../images/transparent.gif" width="150" border="0">
  23.                  </td>
  24.                  <!-- 2ème colonne -->
  25.            <td>
  26.             <img src="../images/transparent.gif" width="450" border="0">
  27.            </td>
  28.        
  29.            <!-- 3ème colonne -->
  30.            <td>
  31.             <img src="../images/transparent.gif" width="150" border="0">
  32.         </td>
  33.              </tr>
  34.             </table>
  35.         </td>
  36.     </tr>
  37. </table>
  38. </body>
  39. </html>


 
Voila. Alors si quelqu'un peut m'aider, je lui en serai reconnaissant.
Merci d'avance :)


---------------
WhiteMagician
mood
Publicité
Posté le 06-11-2004 à 22:18:34  profilanswer
 

n°892349
Leris
Posté le 07-11-2004 à 05:48:39  profilanswer
 

salut,
 
la seule "aide" que je peux t'apporter se résume à un conseil : "vire ton tableau !" il n'est pas fait pour la mise en page . et mets des <div> et du css . tu auras la même chose avec moins de code .
 
L.
 
http://www.openweb.eu.org/articles/problemes_tableaux/


Message édité par Leris le 07-11-2004 à 08:10:22
n°892350
masklinn
í dag viðrar vel til loftárása
Posté le 07-11-2004 à 08:33:56  profilanswer
 

Et l'aide que je peux personnellement apporter est une remarque d'Eric Meyer:
 
"Le HTML et les CSS ne sont pas, ne sont pas censées être et ne seront jamais des technologies avec une précision de l'ordre du pixel"
 
Tous les ordinateurs sont différents, toutes les configurations sont différentes, tous les browsers sont différents, un site ne rendra jamais partout pareil.
C'est pour ca que les feuilles de stype sont des feuilles de style et non de mise en page: on donne un style à la page, on ne doit pas forcer un design précis parce que c'est meilleur moyen de se planter.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°892433
WhiteMagic​ian
Posté le 07-11-2004 à 12:32:43  profilanswer
 

Merci à vous deux :jap:, je prend bonne note de vos remarques.  
 
Donc, si j'ai bien compris, je n'ai pas à disposition de "patch" rapide pour corriger mon erreur d'implémentation. Il ne me reste donc plus qu'à trouver une bidouille (j'aime pas trop çà, mais bon) pour pallier ce problème d'affichage avant de remanier toute l'interface de mon site.
 
Je dis çà, parce que mon site dispose déjà de nombreuses pages réalisées sous le même graphisme, et cela me prendrai un temps considérable de reprendre mon travail de mise en page depuis le début.  
 
Néanmoins, je prendrai en compte vos deux remarques judicieuses lorsque je déciderai de mettre à jour l'interface de mon site.


---------------
WhiteMagician
n°892443
masklinn
í dag viðrar vel til loftárása
Posté le 07-11-2004 à 13:01:24  profilanswer
 

WhiteMagician a écrit :

Je dis çà, parce que mon site dispose déjà de nombreuses pages réalisées sous le même graphisme, et cela me prendrai un temps considérable de reprendre mon travail de mise en page depuis le début.


Et c'est ici qu'interviennent les feuilles de style (codage html/xhtml + css, avec séparation du contenu et du contenant):
les pages html/xhtml contiennent l'information "brute", logique, organisée en fonction du sens (par titres, sections, paragraphes, ...)
et les fichiers CSS contiennent le style, la manière dont l'information est affichée.
Et si c'est bien fait, on a une paire de fichiers CSS pour tout le site et il suffit de changer deux lignes de CSS pour changer le style graphique du site... et les changements sont répercutés automatiquement sur l'intégralité du site :D
 
Va voir CSSZenGarden, sur la droite tu as un menu select design, joue un peu avec... et dis toi que les seules différences entre deux styles ce sont les fichiers CSS, le code html est strictement le même (à l'espace près) d'un style à l'autre :D


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°892537
WhiteMagic​ian
Posté le 07-11-2004 à 16:20:07  profilanswer
 

Effectivement, je dois avouer que le CSS est impressionnant. Pour la modification rapide et complète de l'interface, cela semble être un gain de temps non négligeable.
 
Il ne me reste donc plus qu'à apprendre à coder le style de mes pages en css, et en découvrir les capacités :D


---------------
WhiteMagician

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

  [HTML] Décalage pixel sous Netscape...

 

Sujets relatifs
[HTML]pas de retour a la ligneDIV, CSS et Netscape ... ?
[ASPX][C#] Création dynamique d'un élément HTML et Eventlien HTML crée à partir d'un script perl
[Débutant][HTML] zone de texte avec liens hypertexte[PHP] Récupérer le dernier tableau d'un fichier HTML
récupération de mes pages html d'origine ?[newbie HTML] faire une search box (page perso)
[Recherche] Code HTML légende passage du curseur sur l'image[HTML] Page qui s ouvre dans une case
Plus de sujets relatifs à : [HTML] Décalage pixel sous Netscape...


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