18041 sujets

Questions générales et questions de débutants

Pb avec un tableau sous firefox [résolu]

bonjour

je suis tres embeté car pour l'instant tout fonctionne sous IE et Firefox sur mon site sauf 1 tableau. Je ne veux pas le modifier car je cherche à comprendre. Je ne trouve pas la solution je fais donc appel à vous.

mon problème un tableau qui apparait en blanc sous firefox mais qui marche tres bien sous IE.

cordialement

didier

voici le code

1er tableau


<table width="96%" height="265" border="0">
              <tbody>
                <tr>
                  <td width="300" height="100" class="Style94 Style25"><div>
                      <p align="left" class="Style77"><span class="Style97">L&rsquo;ESPACE   JEUNES</span><br />
  Vous y trouvez une aide &agrave; la recherche d&rsquo;emploi personnalis&eacute;e   ainsi que tout les services de  l &rsquo;ANPE</p>
                      <p align="left" class="Style77">&nbsp;</p>
                      <p align="left" class="Style77"> </span></span></p>
                      <div align="center"><span class="Style77">.......les derni&egrave;res infos?...........</span><br />
                      </div>
                  </div></td>
                  <td width="300" height="100" bgcolor="#0033FF" class="Style94 Style25"><div>
                      <p align="left" class="Style77"><span class="Style98">Le POINT INFO JEUNESSE</span><br />
  Vous pouvez acc&eacute;der   sur place &agrave; une large documentation sur les formations, le logement, les   loisirs, l&rsquo;Europe mais aussi &agrave; un service de babysitting ainsi qu&rsquo;une salle   multim&eacute;dia</p>
                      <div class="Style95" >
                        <div align="center">
                          <p class="Style77">...............Visitez nos pages &quot;   Actualit&eacute;s&quot;.................</p>
                        </div>
                      </div>
                  </div></td>
                </tr>
              </tbody>
            </table>
          <h3></h3>
          <p></p>
          <p></p>
          </h3>
          <div align="center"></div>          </th>
      </tr>
    </table>
      <div align="center">
        <p><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/logpartenaire.jpg',1)"><img src="images/logo-barre.jpg" alt="Partenaire -cliquez ici-" width="400" height="46" border="0" id="Image1" /></a></p>
      </div>
<p>&nbsp;</p>
<p>
  </th>
  </tr>
  </table>
</p>
  </div>

2 eme tableau qui est blanc sous firefox
<table width="96%" height="265" border="0">
              <tbody>
                <tr>
                  <td width="300" height="100" class="Style94 Style25"><div>
                      <p align="left" class="Style77"><span class="Style97">L&rsquo;ESPACE   JEUNES</span><br />
  Vous y trouvez une aide &agrave; la recherche d&rsquo;emploi personnalis&eacute;e   ainsi que tout les services de  l &rsquo;ANPE</p>
                      <p align="left" class="Style77">&nbsp;</p>
                      <p align="left" class="Style77"> </span></span></p>
                      <div align="center"><span class="Style77">.......les derni&egrave;res infos?...........</span><br />
                      </div>
                  </div></td>
                  <td width="300" height="100" bgcolor="#0033FF" class="Style94 Style25"><div>
                      <p align="left" class="Style77"><span class="Style98">Le POINT INFO JEUNESSE</span><br />
  Vous pouvez acc&eacute;der   sur place &agrave; une large documentation sur les formations, le logement, les   loisirs, l&rsquo;Europe mais aussi &agrave; un service de babysitting ainsi qu&rsquo;une salle   multim&eacute;dia</p>
                      <div class="Style95" >
                        <div align="center">
                          <p class="Style77">...............Visitez nos pages &quot;   Actualit&eacute;s&quot;.................</p>
                        </div>
                      </div>
                  </div></td>
                </tr>
              </tbody>
            </table>



style


.Style19 {
	color: #FFFFFF
}
.Style23 {
	color: #333333;
	font-weight: bold;
}
.Style24 {color: #FFFFFF; font-weight: bold; }
.Style25 {color: #FFFFFF}
.Style27 {
	font-size: large;
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Style77 {
	font-size: small
}
.Style91 {font-size: small; color: #0000CC; }
.Style92 {color: #FFCC00}
.Style93 {
	color: #FFFFFF
}
.Style94 {
	font-size: medium;
	text-align: justify;
	float: right;
	background-color: #FFFFFF;
	color: #FFFFFF;
}
.Style95 {font-weight: bold; font-size: small;}
.Style96 {
	color: #FFFFFF;
	font-size: small;
}
.Style97 {
	font-size: large;
	color: #0033CC;
}
.Style98 {
	font-size: medium;
	font-weight: bold;
	color: #0033FF;
}
.Style99 {font-family: Arial, Helvetica, sans-serif}



css 2éme tableau celui qui pose pbrobleme fond blanc

/* start - table */
table {
	text-align: center;

}
th strong {
	color: #0033CC;
}
th {
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFFFFF;
	text-align: left;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #025C88;
	border-left-color: #025C88;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #025C88;
	border-right-color: #025C88;
}
tr {
	height: 0px;
	background-image: url('804035_42286619.jpg');
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #DFDFDF;
	border-left-color: #E8E8E8;
}
td.first, th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */


j'ai essayé le bgcolor ca ne fait rien Smiley decu

cordialement
Modifié par didier17 (21 Oct 2007 - 10:59)
Salut,
dans ta 4eme ligne : <td width="300" height="100" class="Style94 Style25"><div>

tu aurais pas oublié : <td width="300" height="100" bgcolor="#0033CC" class="Style94 Style25"><div>

bien sur tu remplace #0033CC par la couleur que tu veux Smiley cligne

++
en enlevant background-color: #FFFFFF; de la classe Style94 tu devrais y voir un peu plus clair Smiley cligne ...

Cela dit ce code généré visiblement par Dreamweaver Smiley biggol est plutôt "indigeste" : je t'invite à coder toi même les css et à laisser tomber les tableaux de mise en page. Si le coeur t'en dit, voici où commencer Smiley smile .

A+

PS : il vaut mieux "répondre au sujet" que d'éditer un post car ainsi on sait directement que le sujet à été mis à jour Smiley murf .
bonjour

le problème de fond blanc a disparu merci kiwi'zz par contre les tableaux ne se ressemblent pas.

je vais bosser sur tes liens

merci encore

cordialement

didier
Modifié par didier17 (21 Oct 2007 - 08:46)
Sujet clos
Aller à