Ligne blanche indésirable (RESOLU)

Ligne blanche indésirable (RESOLU) - HTML/CSS - Programmation

Marsh Posté le 20-01-2019 à 13:31:37    

Bonjour,
 
Je suis très ennuyé, car le tableau que je désire insérer en haut de ma page est "décalé" vers le bas d'une ligne !!!
 
Voici le "mini" code de ma page (j'ai volontairement retiré tout ce qui ne servait à rien !!!) :
 

Code :
  1. <html>
  2. <head>
  3. <style>
  4. body {
  5. background-color:  #E0E0E0;
  6. padding: 0;
  7. margin:  0;
  8. }
  9. .text  { font-family: Raleway;   color: #000000; font-size: 14px}
  10. .textTitre { font-family: Raleway-B; color: #FFFFFF; font-size: 30px}
  11. @font-face {
  12. font-family: 'Raleway-B';
  13. src: url('Raleway-Bold.ttf');
  14. }
  15. @font-face {
  16. font-family: 'Raleway';
  17. src: url('Raleway-Regular.ttf');
  18. }
  19. </style>
  20. </head>
  21. <body><table padding="0" cellspacing="0" width="1350" border="1">
  22.   <tr height="40" valign="top">
  23. <td width="20">&nbsp;</td>
  24. <td>
  25.  <p class="textTitre">Titre de la page</p>
  26. </td>
  27. <td width="40">
  28. </td>
  29.   </tr>
  30. </table>
  31. </html>


 
Et j'obtiens l'affichage suivant :
 
http://www.knabe.net/del_me.png
 
J'aimerais retirer la ligne en dessus du tableau.
 
Qu'est-ce qu'il manque ? Ou qu'y a-t'il en trop ?
 
Merci de votre aide.
 
Andreas


Message édité par aknabe le 21-01-2019 à 15:51:55
Reply

Marsh Posté le 20-01-2019 à 13:31:37   

Reply

Marsh Posté le 20-01-2019 à 22:25:33    

Hello, chez moi pas d'espace au dessus du tableau avec ton code.
https://zupimages.net/up/19/03/xj11.png
 
Essaye de mettre du style pour ta table ou tout du moins de préciser une valeur pour le top.
 
Sinon change de navigateur..... C'est lequel et quelle version ?
Test ici par exemple : http://browsershots.org/

Reply

Marsh Posté le 20-01-2019 à 23:45:08    

Je suis avec Firefox Quantum (64.0.2 -32 bits) sous Windows 10 - 32 bits ...
 
J'ai exprès retiré tout ce qui était "superflu" pour tenter de comprendre ...

Reply

Marsh Posté le 20-01-2019 à 23:49:01    

Bon, le mystère s'épaissit !!!
 
J'ai recopié le code ci-dessus dans un nouveau fichier vide et ... ça marche sans la ligne !
 
Il doit y avoir un caractère caché quelque part ...
 
Je vais le traquer demain. Ce soir, je vais m'coucher  ...

Reply

Marsh Posté le 21-01-2019 à 00:48:49    

Finalement, je ne suis pas allé coucher tout de suite et j'ai trouvé !
 
C'est Notepad++ qui ajoute 3 caractères "bizarres" en début de fichier, certainement pour mémoriser le "codage" et le "format" du fichier.
 

Reply

Marsh Posté le 21-01-2019 à 10:10:38    

BOM


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 21-01-2019 à 15:50:16    

Effectivement. En recherchant plus "en profondeur" j'ai découvert l'option "utf-8 sans BOM" qui résout tous mes soucis (si seulement !).
 
On peut donc clore le sujet !

Reply

Sujets relatifs:

Leave a Replay

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