Tableau : Problème avec le fond

2 participants

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

Résolu Tableau : Problème avec le fond

Message par jujuanimaux 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

jujuanimaux
Membre habitué

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 Lun 4 Juil 2011 - 23:15

Bonsoir

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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

Message par jujuanimaux 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

jujuanimaux
Membre habitué

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 Lun 4 Juil 2011 - 23:25

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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

Message par jujuanimaux 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

jujuanimaux
Membre habitué

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 Lun 4 Juil 2011 - 23:50

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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

Message par jujuanimaux Lun 4 Juil 2011 - 23:53

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

jujuanimaux
Membre habitué

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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

Message par jujuanimaux 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

jujuanimaux
Membre habitué

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 Jeu 7 Juil 2011 - 21:01

Bonsoir

Voici le tableau modifié j'ai juste rajouté ceci "border="0" cellspacing="0" cellpadding="0"

Spoiler:
tupac

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

Message par jujuanimaux 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

jujuanimaux
Membre habitué

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 Ven 8 Juil 2011 - 0:18

Voila c'est chose faite.
Spoiler:
tupac

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

Message par jujuanimaux Ven 8 Juil 2011 - 4:54

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

jujuanimaux
Membre habitué

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

- Sujets similaires

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