5568 sujets

Sémantique web et HTML

Problemes de "saut de ligne" sous firefox


<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html 	PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11.dtd" >
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Le Permis Informatique</title>
<link rel="stylesheet" type="text/css" href="permisstyles.css" />
</head>
<body>
<div id="main">
  <div id="navhaute">
    <div id="images"><img src="images/logo.gif" alt="logo"/><img src="images/transition.jpg" alt=""/><img src="images/formule.jpg" alt="formule1"/></div>
<div id="menu">
<table border="0px" cellpadding="0px" cellspacing="0px">
        <tr>
          <td><img src="images/p (4).gif" alt=""/></td>
          <td><img src="images/p (5).gif" alt=""/></td>
          <td><img src="images/p (6).gif" alt=""/></td>
          <td><img src="images/p (7).gif" alt=""/></td>
          <td><img src="images/p (8).gif" alt=""/></td>
          <td><img src="images/p (9).gif" alt=""/></td>
          <td><img src="images/p (10).gif" alt=""/></td>
          <td><img src="images/p (11).gif" alt=""/></td>
          <td><img src="images/p (12).gif" alt=""/></td>
          <td><img src="images/p (13).gif" alt=""/></td>
          <td><img src="images/p (14).gif" alt=""/></td>
          <td><img src="images/p (15).gif" alt=""/></td>
          <td><img src="images/p (16).gif" alt=""/></td>
          <td><img src="images/p (17).gif" alt=""/></td>
          <td><img src="images/p (18).gif" alt=""/></td>
        </tr>
      </table>
    </div>
  </div>
</div>
</body>
</html>


Sous Firefox, il me fait des sauts de lignes,pourquoi ?? Je n' ai précisé aucune marge dans les css, alors je ne comprends pas.
Sous explorer c est nickel.
J ai fait des recherches sur le net mais je n ai pas trouvé
Premier post alors bonjour à tous !
c'est pas très clair mais je suppose que tu parle d'un espace en dessous des images

dans ce cas, oui c'est parfaitement normal

Firefox, lorsqu'il affiche une image, la pose sur la "ligne de base", c'est à dire la ligne sur laquelle les caractères viennent s'appuyer. Il y a toujours un espace en dessous de cette ligne de base, qui permet d'afficher le jambage des lettres p ou q par exemple. c'est donc cet espace que tu vois entre le bas de l'image et le bord de la cellule.

hop un schéma :
http://en.wikipedia.org/wiki/Baseline_(typography)

Donc pour changer l'alignement vertical de l'image, tu peux utiliser la propriété vertical-align, dont la valeur est par défaut à "baseline" justement.


img{
vertical-align:middle;
}
Merci pour l' info ! Maintenant ca me fait apparaître une ligne vide de 1 pixel, je vais essayer de trouver pourquoi.
En tout cas merci beaucoup !
Sujet clos
Aller à