Bug d'affichage sous FF : du mal à corriger.

**snowball_party** · 24/06/2009, 11h33

Bonjour à tous,

Sur l'accueil de mon site www.scuadra.fr, j'ai un bug d'affichage sous Firefox que je n'arrive pas à corriger. Il s'agit des fonds horizontaux bleu affichant les titres " A la Une de Scuadra" etc.

L'extrémité gauche semble se répéter

Le code est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<table width="560"  height="25" style="background-image:url(images/elements_13.gif)">
<tr><td><span class="titre">
&nbsp;&nbsp;&nbsp;A la Une de Scuadra.fr</span>
</td></tr></table>

Et l'image gif appelée fait pile poil 560x25

J'ai passé du temps dessus sans trouver de solution :/

Avez-vous une idée ?

FoxLeRenard · 24/06/2009, 12h51

Envoyé par snowball_party

Bonjour à tous,
Sur l'accueil de mon site www.scuadra.fr, j'ai un bug d'affichage sous Firefox que je n'arrive pas à corriger. Il s'agit des fonds horizontaux bleu affichant les titres " A la Une de Scuadra" etc. L'extrémité gauche semble se répéter

Et l'image gif appelée fait pile poil 560x25

J'ai passé du temps dessus sans trouver de solution :/
Avez-vous une idée ?

Oui tu dois ajouter no-repeat

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<table width="560"  height="25" style="background-image:url(images/elements_13.gif):no-repeat; ">
<tr><td><span class="titre">
&nbsp;&nbsp;&nbsp;A la Une de Scuadra.fr</span>
</td></tr></table>

**snowball_party** · 24/06/2009, 13h46

Merci Fox. J'ai testé mais ça n'a pas l'air de fonctionner

Regarde en bas de page ce que ça donne, je vais l'y laisser pour que tu puisses voir.

Peut-être que l'erreur se situe ailleurs que dans le code de cette cellule ?

FoxLeRenard · 24/06/2009, 14h00

Envoyé par snowball_party

Merci Fox. J'ai testé mais ça n'a pas l'air de fonctionner

Regarde en bas de page ce que ça donne, je vais l'y laisser pour que tu puisses voir.

Peut-être que l'erreur se situe ailleurs que dans le code de cette cellule ?

Oui tu as raison ça doit'étre comme ton image grise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

; background-repeat:no-repeat

donc pique la syntaxe et utilises la sur LES TROIS AUTRES!

**snowball_party** · 24/06/2009, 15h20

"Comme mon image grise ?" De laquelle veux-tu parler ?

Sinon j'ai inséré le morceau de code que tu m'a filé ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
    <td colspan="2"><table width="760" border="0" cellspacing="0" cellpadding="0">
        <tr valign="top">
          <td width="22%" rowspan="2"><? include 'inc/block.php'; ?>
          <td width="15" rowspan="2"></td>
          <td width="1" rowspan="2" bgcolor="#CCCCCC"></td>
          <td width="15" rowspan="2"></td>   
          <td width="560" height="25" valign="middle"> <table width="560"  height="25" border="0" style="background-image:url(images/elements_13.gif) ; background-repeat:no-repeat" >
            <tr>
              <td><span class="titre">&nbsp;&nbsp;&nbsp;A la Une de Scuadra.fr</span></td>
            </tr>
          </table>

ça change rien. Ai-je fait une erreur ?

FoxLeRenard · 24/06/2009, 15h29

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 
<td colspan="2" style="background-image:url(images/elements_09.gif); background-repeat:no-repeat" height="25"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="5"></td>
            <td><ul id="ja-transmenu">

**snowball_party** · 24/06/2009, 16h15

Enfin il y a du mieux en effet.

Avec ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
          <td colspan="2" style="background-image:url(images/elements_13.gif); background-repeat:no-repeat" height="25"><table width="100%"  border="0" cellpadding="0" cellspacing="0">
 
            <tr>
              <td valign="bottom"><span class="titre">&nbsp;&nbsp;&nbsp;A la Une de Scuadra.fr</span></td>
            </tr>
          </table>

Mais j'ai maintenant un bug dans l'autre sens

Et l'alignement du texte n'y change rien :/

FoxLeRenard · 24/06/2009, 16h22

Attends je comprends que tu ne parviens pas a respecter le strict ??
as tu au moins essayé ?
Et pourquoi UTF-8

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Moi je tenterais le coup avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'  'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

**danielhagnoul** · 28/06/2009, 00h29

Bonsoir.

En examinant le code avec Firebug :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<table height="25" width="560" border="0" style="background-image: url(images/elements_13.gif);">
<tbody>
<tr>
<td>
<span class="titre">A la Une de Scuadra.fr</span>

Je crois que votre problème vient du fait que vous chargez deux fois le bacground-image, l'un avec table ci-dessus et l'autre dans le CSS avec span class"titre" !