Tableau : Problème avec le fond
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Tableau : Problème avec le fond
Bonjour, c'est encore moi ^^
Voilà, j'ai un autre petit soucis avec mon tableau. Alors voilà, le fond est noir, et j'ai mis, pour mes titres, le fond en rouge foncée. Le problème, c'est que le tableau a des coins arrondis, et que le fond ne se rend pas jusqu'aux coins. Donc, on a un fond rouge sur toute la largeur et des coins noirs... Bref, pas très joli.
Voilà, si vous voulez constater par vous-même > http://resident-evil.keuf.net/
Est-ce que quelqu'un sait comment faire pour que le fond rouge s'applique sur toute la largeur du tableau ? Parce que j'aimerais bien garder mes coins arrondis ^^
Merci d'avance !
Voilà, j'ai un autre petit soucis avec mon tableau. Alors voilà, le fond est noir, et j'ai mis, pour mes titres, le fond en rouge foncée. Le problème, c'est que le tableau a des coins arrondis, et que le fond ne se rend pas jusqu'aux coins. Donc, on a un fond rouge sur toute la largeur et des coins noirs... Bref, pas très joli.
Voilà, si vous voulez constater par vous-même > http://resident-evil.keuf.net/
Est-ce que quelqu'un sait comment faire pour que le fond rouge s'applique sur toute la largeur du tableau ? Parce que j'aimerais bien garder mes coins arrondis ^^
Merci d'avance !
Dernière édition par jujuanimaux le Ven 8 Juil 2011 - 4:54, édité 1 fois
Re: Tableau : Problème avec le fond
Bonsoir
Pourrions nous avoir le code de votre page d'accueil svp?
Pourrions nous avoir le code de votre page d'accueil svp?
Re: Tableau : Problème avec le fond
Ah oui, le voilà ^^
- Code:
<h1 style="TEXT-ALIGN: center; FONT-SIZE: 35px; FONT-VARIANT: small-caps; FONT-FAMILY: georgia;"><FONT COLOR="#530002">Bienvenue !</font></h1><div class="testarr"><FONT COLOR="#530002"><table cellpadding="1" cellspacing="1" width="970px" height="100px" style="FONT-FAMILY: georgia; BORDER-COLLAPSE: collapse;">
<thead width="100%" style="BACKGROUND-COLOR: #1f0100; FONT-SIZE: 15px; TEXT-ALIGN: center;">
<tr>
<td style="BORDER-RIGHT: 4px solid #ffffff;">Partenaires & TopSites</td>
<td style="BORDER-RIGHT: 4px solid #ffffff;">Test</td>
<td>Test 2</td>
</tr>
</thead>
<tbody>
<tr>
<td width="100px" style="BORDER-RIGHT: 4px solid #ffffff;"><ul style="TEXT-ALIGN: justify;">Votre Texte<br />test <br />test <br />test <br />test <br />test <br />test</ul></td>
<td width="100px" style="BORDER-RIGHT: 4px solid #ffffff;"><ul>Test <br />test</ul></td>
<td width="100px"><ul>Test</ul></td>
</tr>
</tbody>
</table>
</FONT>
</div>
Re: Tableau : Problème avec le fond
Je vois qu'il y a du css avec pouvez vous me le fournir?
Re: Tableau : Problème avec le fond
Bah, c'est le CSS pour les coins arrondis.
- Code:
.testarr {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border: 4px solid #ffffff;
}
Re: Tableau : Problème avec le fond
Essayez de mettre ceci width="100%" a la place de width="970px"
Re: Tableau : Problème avec le fond
Le fond apparaît bien sur toute la largeur, mais il dépasse des coins...
Re: Tableau : Problème avec le fond
Pour éviter que le fond déborde sur le cadre il fallait changer la structure du tableau donc c'est chose faite.
- Spoiler:
- Code:
<TABLE width="100%" style=" -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; border: 3px solid #ffffff;">
<TR style="BACKGROUND-COLOR: #1f0100;">
<Td width="33%" style="BORDER-RIGHT: 3px solid #ffffff;"><center>Partenaires & TopSites</center></Td>
<Td width="33%" style="BORDER-RIGHT: 3px solid #ffffff;"><center>Test</center></Td>
<Td width="33%"><center>TTest 2</center></Td>
</TR>
<TR>
<TD style="BORDER-RIGHT: 3px solid #ffffff;">A<br>A<br>A<br>A<br></TD>
<TD style="BORDER-RIGHT: 3px solid #ffffff;">B<br>B<br>B<br>B<br></TD>
<TD>C<br>C<br>C<br>C<br></TD>
</TR>
</TABLE>
Re: Tableau : Problème avec le fond
Désolée de répondre si tard :S
J'ai essayé votre code, ça fonctionne, le fond rouge se rend jusque dans les coins. Cependant, les bordures blanches sont coupées, comme vous pourrez le constater en allant sur mon forum. Elles ne se rendent plus jusqu'au bout du tableau, et elles sont coupées en plein centre... Comment réparer ça ?
J'ai essayé votre code, ça fonctionne, le fond rouge se rend jusque dans les coins. Cependant, les bordures blanches sont coupées, comme vous pourrez le constater en allant sur mon forum. Elles ne se rendent plus jusqu'au bout du tableau, et elles sont coupées en plein centre... Comment réparer ça ?
Re: Tableau : Problème avec le fond
Bonsoir
Voici le tableau modifié j'ai juste rajouté ceci "border="0" cellspacing="0" cellpadding="0"
Voici le tableau modifié j'ai juste rajouté ceci "border="0" cellspacing="0" cellpadding="0"
- Spoiler:
- Code:
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" style=" -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; border: 3px solid #ffffff;">
<TR style="BACKGROUND-COLOR: #1f0100;">
<Td width="33%" style="BORDER-RIGHT: 3px solid #ffffff;"><center>Partenaires & TopSites</center></Td>
<Td width="33%" style="BORDER-RIGHT: 3px solid #ffffff;"><center>Test</center></Td>
<Td width="33%"><center>TTest 2</center></Td>
</TR>
<TR>
<TD style="BORDER-RIGHT: 3px solid #ffffff;">A<br>A<br>A<br>A<br></TD>
<TD style="BORDER-RIGHT: 3px solid #ffffff;">B<br>B<br>B<br>B<br></TD>
<TD>C<br>C<br>C<br>C<br></TD>
</TR>
</TABLE>
Re: Tableau : Problème avec le fond
Bonjour, j'ai essayé votre code, les barres blanches ne sont plus coupées, mais maintenant, le fond dépasse à nouveau des coins.
Re: Tableau : Problème avec le fond
Voila c'est chose faite.
- Spoiler:
- Code:
<style>
.titre_ga{BACKGROUND-COLOR: #1f0100;-moz-border-radius: 20px 0px 0px 0px;-webkit-border-radius: 20px 0px 0px 0px;border-radius: 20px 0px 0px 0px;}
.titre_dr{BACKGROUND-COLOR: #1f0100;-moz-border-radius: 0px 20px 0px 0px;-webkit-border-radius: 0px 20px 0px 0px;border-radius: 0px 20px 0px 0px;}
</style>
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" style=" -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; border: 3px solid #ffffff;">
<TR>
<Td width="33%" style="BORDER-RIGHT: 3px solid #ffffff;">
<div class="titre_ga"><center>Partenaires & TopSites</center></div>
</Td>
<Td width="33%" style="BORDER-RIGHT: 3px solid #ffffff;BACKGROUND-COLOR: #1f0100;"><center>Test</center></Td>
<Td class="titre_dr" width="33%"><center>TTest 2</center></Td>
</TR>
<TR>
<TD style="BORDER-RIGHT: 3px solid #ffffff;">A<br>A<br>A<br>A<br></TD>
<TD style="BORDER-RIGHT: 3px solid #ffffff;">B<br>B<br>B<br>B<br></TD>
<TD>C<br>C<br>C<br>C<br></TD>
</TR>
</TABLE>
Re: Tableau : Problème avec le fond
Ça fonctionne ! Merci beaucoup pour votre aide !
Problème résolu.
Problème résolu.
Sujets similaires
» Problème fond de tableau.
» Probleme avec les tableau
» Problème avec un tableau
» Problème avec mon tableau!
» Probleme avec mon tableau
» Probleme avec les tableau
» Problème avec un tableau
» Problème avec mon tableau!
» Probleme avec mon tableau
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum