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

Version imprimable

24/06/2009, 11h33
snowball_party

Bug d'affichage sous FF : du mal à corriger.
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:

1 2 3 4 5 <table width="560" height="25" style="background-image:url(images/elements_13.gif)"> <tr><td><span class="titre">    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 ? :)

Citation:

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:

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">    A la Une de Scuadra.fr</span> </td></tr></table>

24/06/2009, 13h46
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 ?
24/06/2009, 14h00
FoxLeRenard

Citation:

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:

; background-repeat:no-repeat

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

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

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

Code:

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 ? :?

Code:

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">

:D Enfin il y a du mieux en effet.

Avec ce code :

Code:

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 :/

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

Code:

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:

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" />

28/06/2009, 00h29
danielhagnoul
Bonsoir.

En examinant le code avec Firebug :
Code:

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" !
28/06/2009, 09h25
FoxLeRenard

Citation:

Envoyé par danielhagnoul

Bonsoir.

En examinant le code avec Firebug :

Bien vue : je ne l'avais pas vu !!:ccool:
30/06/2009, 17h30
snowball_party

C'était tellement gros que même avec le nez dessus j'aurais rien vu :oops:

En tout cas c'est réparé :lol: ... merci daniel pour ton coup de main :ccool: