Tableau : Problème avec le fond

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Tableau : Problème avec le fond

Message par jujuanimaux le Lun 4 Juil 2011 - 22:19

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 !


Dernière édition par jujuanimaux le Ven 8 Juil 2011 - 4:54, édité 1 fois

jujuanimaux
# Tropactif #

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par tupac le Lun 4 Juil 2011 - 23:15

Bonsoir

Pourrions nous avoir le code de votre page d'accueil svp?

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par jujuanimaux le Lun 4 Juil 2011 - 23:19

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>

jujuanimaux
# Tropactif #

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par tupac le Lun 4 Juil 2011 - 23:25

Je vois qu'il y a du css avec pouvez vous me le fournir?

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par jujuanimaux le Lun 4 Juil 2011 - 23:31

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;
}

jujuanimaux
# Tropactif #

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par tupac le Lun 4 Juil 2011 - 23:50

Essayez de mettre ceci width="100%" a la place de width="970px"

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par jujuanimaux le Lun 4 Juil 2011 - 23:53

Le fond apparaît bien sur toute la largeur, mais il dépasse des coins...

jujuanimaux
# Tropactif #

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par tupac le Mar 5 Juil 2011 - 1:03

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par jujuanimaux le Jeu 7 Juil 2011 - 20:20

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 ?

jujuanimaux
# Tropactif #

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par tupac le Jeu 7 Juil 2011 - 21:01

Bonsoir

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par jujuanimaux le Jeu 7 Juil 2011 - 21:25

Bonjour, j'ai essayé votre code, les barres blanches ne sont plus coupées, mais maintenant, le fond dépasse à nouveau des coins. scratch

jujuanimaux
# Tropactif #

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par tupac le Ven 8 Juil 2011 - 0:18

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>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau : Problème avec le fond

Message par jujuanimaux le Ven 8 Juil 2011 - 4:54

Ça fonctionne ! Merci beaucoup pour votre aide !
Problème résolu.

jujuanimaux
# Tropactif #

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum