Firefox et les espaces entre lignes

doic · 18 Septembre 2005

Voilà, je m'attaque à la prochaine tête de mon site, en reprenant tout depuis le début...
J'ai découpé mon image de header en plusieurs bouts pour les intégrer dans des tableaux.
Sur IE, aucun problème, sur FF, il y'a un espace entre chaque ligne (les cellules côte à côte ne posent pas problème).
J'ai pourtant bien mis cellspacing et cellpadding à 0.

Code:

<table width="768" border="0" cellpadding="0" cellspacing="0" id="principal">
	<tr>
		<td>
			<img src="images/Charte3_01.jpg" width="436" height="96" alt=""></td>
		<td>
			<img src="images/Charte3_02.jpg" width="12" height="96" alt=""></td>
		<td colspan="3">
			<img src="images/Charte3_03.jpg" width="320" height="96" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/Charte3_04.jpg" width="436" height="31" alt=""></td>
		<td>
			<img src="images/Charte3_05.jpg" width="12" height="31" alt=""></td>
		<td colspan="3">
			<img src="images/Charte3_06.jpg" width="320" height="31" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/Charte3_07.jpg" width="436" height="58" alt=""></td>
		<td>
			<img src="images/Charte3_08.jpg" width="12" height="58" alt=""></td>
		<td>
			<img src="images/Charte3_09.jpg" width="113" height="58" alt=""></td>
		<td>
			<img src="images/Charte3_10.jpg" width="67" height="58" alt=""></td>
		<td>
			<img src="images/Charte3_11.jpg" width="140" height="58" alt=""></td>
	</tr>
</table>

Est-ce que quelqu'un connaît ce problème, et éventuellement sa solution? :?

Merci d'avance

CaYuS · 18 Septembre 2005

Il faudrait voir le reste du code de la page.
Car tel quel, pas d'espace pour moi, ni sous Fx, ni sous IE.

Borower · 18 Septembre 2005

Et border=0 ??
Moi aussi j'ai souvent des problemes entre FF et IE.
J'arrive toujours a trouver le probleme mais des fois c'est tres long.

doic · 18 Septembre 2005

Et ben voilà, tu as répondu à ma question!!!

En fait je me suis dit que j'allais mettre cette ligne:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Et trimer pour rendre mon nouveau site XHTML Strict.
Et voilà qu'en supprimant cette fameuse ligne, tout rentre dans l'ordre...
Alors si maintenant on peut m'expliquer comment garder cette ligne ET avoir un joli tableau sous FF?

doic · 18 Septembre 2005

Borower a dit:
Et border=0 ??

Il y est... même avec les guillemets !

CaYuS · 18 Septembre 2005

Haha, c'est embêtant d'avoir un navigateur qui prend en compte le dtd qu'on lui déclare hein

De toute façon les tables ne sont pas faites pour de la mise en page d'images .. tu devrais le faire en div, ça passerait mieux.

Enfin bon, pour répondre à ta question quand même, un petit display: block; sur les images devrait régler l'affaire.

Code:

#principal img
	{
		display: block;
	}

Delapouite · 18 Septembre 2005

Voilà, je m'attaque à la prochaine tête de mon site, en reprenant tout depuis le début...
J'ai découpé mon image de header en plusieurs bouts pour les intégrer dans des tableaux.

L'ère où l'on découpait les images pour les mettre dans un tableau (typiquement les tranches d'image ready) est révolue !
Il faut laisser l'image entière et batir l'entete en feuille de style, en utilisant notamment les attributs background. Le site d'alsacreations t'en dira long sur ce sujet.

larumbadebarcelona · 18 Septembre 2005

j'ai parfois ce pb sous FF aussi, essaye de rajouter "px" a toutes tes valeurs de width et de height.

étonnement, ca vient parfois de la

doic · 18 Septembre 2005

Merci CaYuS, je m'en vais essayer ta manip...
Oui, je sais bien, "il faudrait" utiliser des div... mais bon, personne n'est parfait... !

Delapouite, je ne vois pas, selon ta technique, comment avoir une charte compatible toutes résolutions...

doic · 18 Septembre 2005

Résultat: Impeccable. Merci CaYus....

loobot · 18 Septembre 2005

Tant qu'à reprendre le design, pourquoi ne pas le faire en CSS ? Les tableaux ne sont pas conçus pour de la mise en page, même si l'usage en a décidé autrement.