5568 sujets

Sémantique web et HTML

Pb espace entre une image et un tableau

bonjour


j'essaye de coller une image avec un tableau mais il y a toujours un espace que je ne parviens pas à supprimer (voir code ci dessous)
quelqu'un pourrait t'il m'aider?
merci


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon super site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>
<img src="haut.gif" alt="" width="92" height="27" vspace="0"/>
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111" width="92px">
<tr>
<td>bla bla bla bla bla bla bla bla bla bla </td>
</tr>
</table>



</body>
</html>
Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Hello Smiley smile

Tu peux essayer ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon super site</title>

[b]<style type="text/css">

     body {
     margin:0;
     padding:0; }

</style>[/b]

</head>

...

Modifié par BeliG (31 May 2007 - 17:15)
Bonsoir,
@Belig: tu dois confondre avec
* {
     margin:0;
     padding:0; }

Dans ton cas ça ne l'applique qu'au body mais même appliqué à tous les éléments, ici ça ne resoud rien. Smiley cligne

@Jeanphi : puisque tu ne montres pas de fichier CSS, je te donne la solution avec un style en-ligne mais à tranférer dans une CSS externe si possible.
<img src="haut.gif" alt="" width="92" height="27" style="display:block" />
Voir la FAQ (à ne pas oublier) pour des explications.

vspace comme une majorité des attributs HTML de présentation est un attribut déprécié, tu dois le remplacer par des propriétés CSS (marges latérales dans ce cas)

Tu ne devrais pas utiliser un Doctype XHTML 1.1 mais commencer par un
docytype XHTML 1.0 transitionnal:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">


Voir le blog et les tuto pour savoir quel doctype choisir Smiley cligne
Modifié par Hermann (03 Jun 2007 - 23:34)
Sujet clos
Aller à