Retour à Forum de site web

Tabbed code de mauvaise conduite dans IE.

  • Zonezero5
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 04, 2005
  • Messages: 25
  • Status: Offline

Message Janvier 23rd, 2009, 11:11 pm

J'aime mon code de tabulation de sorte que son plus facile pour moi de lire et d'aller jeter etc mais beaucoup du temps, cela provoque des problèmes dans la façon dont le site est affiché dans IE.

Par exemple:

Code: [ Select ]
<div id="nav">
        <img src="/images/nav_top.png" width="1001" height="3" alt="nav_top" /><ul id="links"><li><a href="/">Home</a></li><li><a href="/">About Us</a></li><li><a href="/">Policies</a></li><li><a href="/">Apply</a></li><li><a href="/">Forums</a></li><li><a href="/">DKP</a></li><li><a href="/">Videos</a></li></ul>
</div>
  1. <div id="nav">
  2.         <img src="/images/nav_top.png" width="1001" height="3" alt="nav_top" /><ul id="links"><li><a href="/">Home</a></li><li><a href="/">About Us</a></li><li><a href="/">Policies</a></li><li><a href="/">Apply</a></li><li><a href="/">Forums</a></li><li><a href="/">DKP</a></li><li><a href="/">Videos</a></li></ul>
  3. </div>


Le ci-dessus affiche comme prévu. Toutefois, le ci-dessous:

Code: [ Select ]
<div id="nav">
    <img src="/images/nav_top.png" width="1001" height="3" alt="nav_top" />
   
    <ul id="links">
        <li><a href="/">Home</a></li>
        <li><a href="/">About Us</a></li>
        <li><a href="/">Policies</a></li>
        <li><a href="/">Apply</a></li>
        <li><a href="/">Forums</a></li>
        <li><a href="/">DKP</a></li>
        <li><a href="/">Videos</a></li>
    </ul>
</div>
  1. <div id="nav">
  2.     <img src="/images/nav_top.png" width="1001" height="3" alt="nav_top" />
  3.    
  4.     <ul id="links">
  5.         <li><a href="/">Home</a></li>
  6.         <li><a href="/">About Us</a></li>
  7.         <li><a href="/">Policies</a></li>
  8.         <li><a href="/">Apply</a></li>
  9.         <li><a href="/">Forums</a></li>
  10.         <li><a href="/">DKP</a></li>
  11.         <li><a href="/">Videos</a></li>
  12.     </ul>
  13. </div>


Cela mettra un beau grand espace entre l'image et la liste en ligne.

Est-il quelque chose de spécifique à mon code? Ou bien il ya une certaine pratique de codage ou de quelque chose je peux le faire je peux avoir mon code d'onglets et encore s'afficher correctement dans IE?

Si son besoin je peux lien vers le site en question ci-dessus, mais je trouve généralement tabulation comme celle-ci à poser des problèmes de manière cohérente dans IE, pas spécifique à ce cas.


Merci pour toute aide ou de conseils.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Janvier 23rd, 2009, 11:11 pm

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Janvier 24th, 2009, 8:55 am

Il suffit de supprimer l'espace après l'image. IE a beaucoup de mal de temps si la prochaine balise ne va pas contre l'image de la balise fermante. Le reste de votre espace doit être fine.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • Zonezero5
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juil 04, 2005
  • Messages: 25
  • Status: Offline

Message Janvier 24th, 2009, 7:48 pm

Did you mean?:

Code: [ Select ]
<div id="nav">
    <img src="/images/nav_top.png" width="1001" height="3" alt="nav_top" /><ul id="links">
        <li><a href="/">Home</a></li>
        <li><a href="/">About Us</a></li>
        <li><a href="/">Policies</a></li>
        <li><a href="/">Apply</a></li>
        <li><a href="/">Forums</a></li>
        <li><a href="/">DKP</a></li>
        <li><a href="/">Videos</a></li>
    </ul>
</div>
  1. <div id="nav">
  2.     <img src="/images/nav_top.png" width="1001" height="3" alt="nav_top" /><ul id="links">
  3.         <li><a href="/">Home</a></li>
  4.         <li><a href="/">About Us</a></li>
  5.         <li><a href="/">Policies</a></li>
  6.         <li><a href="/">Apply</a></li>
  7.         <li><a href="/">Forums</a></li>
  8.         <li><a href="/">DKP</a></li>
  9.         <li><a href="/">Videos</a></li>
  10.     </ul>
  11. </div>


Thats ce que j'avais à faire pour le rendre correctement. Compte tenu de son mieux que ce que j'avais eu à faire est-il autre chose d'autre qui peut être fait thats mieux?

Merci encore.

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 3 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 63 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC