IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[XHTML] Table - espace bizarre sous ie


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Novembre 2002
    Messages
    41
    Détails du profil
    Informations forums :
    Inscription : Novembre 2002
    Messages : 41
    Par défaut [XHTML] Table - espace bizarre sous ie
    Salut à tous,

    j'ai un petit soucis avec ie, j'ai ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <TABLE cellpadding="0" cellspacing="0" border="1">
    <TR>
    	<TD>
    		<IMG SRC="http://temps.blog.lemonde.fr/files/2007/03/noir-et-blanc_1-3.1172910971.jpg">
    	</TD>
    </TR>
    </TABLE>
    Sous ie il y a un petit espace en dessous l'image, alors que sous FF il n'y a rien. J'ai mis le border à 1 pour mieux voir cet espace.

    J'ai essayé les margin, padding... rien à faire ca ne part pas.

    Ca m'arangerais vraiment que ca disparaisse...

    Merci pour votre aide.

    +

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Attribuer un display:block à l'image.
    Des explications ici.

    Ne pas oublier de donner des dimensions à l'image qui permettent d'accélérer la restitution du document dans les navigateurs graphiques...
    Et ajouter un alt="" si l'image ne donne aucune information ou alors alt="texte de l'image"

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Une explication en français :

    L'image est un élément en ligne (inline), donc le navigateur alloue de la place pour les caractères avec une jambe (y, p, q, g, j ) au texte éventuel qui pourrait se trouver à ses côtés.

    Pour éviter cela, il faut transformer l'image en block :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="image.jpg" style="display:block;" />

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    ou :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <img src="image.jpg" style="vertical-align: bottom" />



    Et je crois même que le DOCTYPE XHTML 1.1 peut supprimer cet espace.

  5. #5
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par Auteur Voir le message
    ou :
    Et je crois même que le DOCTYPE XHTML 1.1 peut supprimer cet espace.
    Tu confonds sans doute avec une DTD transitionnal ou pas non?
    Cette espace est en effet supprimée au moins sur les principaux navigateurs alternatifs en présence d'un Doctype transitionnal.

  6. #6
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Citation Envoyé par Erwan31 Voir le message
    Tu confonds sans doute avec une DTD transitionnal ou pas non?
    Cette espace est en effet supprimée au moins sur les principaux navigateurs alternatifs en présence d'un Doctype transitionnal.
    oui, oui c'est ce que je voulais dire

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. espacement bizarre sous IE
    Par buse33 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 06/02/2011, 00h19
  2. [XHTML] Espace bizarre sous image avec xhtml 1.1 et firefox
    Par lysandre dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 20/07/2008, 10h25
  3. Problème espace disque sous Mandrake 10
    Par axel-erator dans le forum Administration système
    Réponses: 10
    Dernier message: 25/09/2004, 13h45
  4. 'SHOW TABLES' marche pas sous postgresql !?
    Par fet dans le forum PostgreSQL
    Réponses: 4
    Dernier message: 13/05/2004, 09h28
  5. Accéder à un espace mémoire sous XP
    Par keny dans le forum x86 32-bits / 64-bits
    Réponses: 4
    Dernier message: 02/08/2002, 12h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo