Problème de marges autour d'un tableau
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de marges autour d'un tableau
Bonjour,
Après plusieurs heures à chercher une solution à mon problème je viens requièrer votre aide !
Comme vous pouvez le voir sur la photo (navrée pour la qualité je n'ai pas réussi à faire mieux vu que mon imp écran ne fonctionne plus) j'ai un problème avec la marge au dessus et en dessous de mon premier tableau, je n'arrive pas à la réduire.
Voici mon css :
Mohnn.
Après plusieurs heures à chercher une solution à mon problème je viens requièrer votre aide !
Comme vous pouvez le voir sur la photo (navrée pour la qualité je n'ai pas réussi à faire mieux vu que mon imp écran ne fonctionne plus) j'ai un problème avec la marge au dessus et en dessous de mon premier tableau, je n'arrive pas à la réduire.
Voici mon css :
- Code:
/* ------------- rp ----------- */
.cssactif_rp {
background-color: #0f2126;
border-radius: 20px;
margin: 5%;
padding: 5%;
-webkit-box-shadow: 0px 0px 10px 0px #000000;
-moz-box-shadow: 0px 0px 10px 0px #000000;
box-shadow: 0px 0px 10px 0px #000000;
font-family: Georgia, "Times New Roman", Times, serif;
color:#744A4A;
width: auto;
height: auto;
}
.cssactif_rp_int {
color:#744A4A;
width: 650px;
height: 300px;
border: 1px inset;
margin: auto;
}
.cssactif_rp_recherche {
color:#744A4A;
text-align: justify;
border: 1px dashed;
margin-right: auto;
margin-left: auto;
width: 650px;
padding: 15px;
}
td.cssactif_rp_header {
background-repeat: no-repeat;
background-position: top center;
width: 200px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 1px 1px 0px #000;
font-size: 10px;
}
- Code:
<div class="cssactif_rp"><TABLE cellspacing="20px" class="cssactif_rp_int"><TR><td rowspan="4" align="right" width="250" valign="bottom" class="cssactif_rp_header" style="background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/47479510.jpg);">©Mohnn</td><TD width="250"><em>Nom</em>: </TD>
<TD width="250"><em>Race</em>:</TD>
<TR>
<TD width="250"><em>Prénom</em>:</TD>
<TD width="250"><em>Sous-Race</em>: </TD>
<TR>
<TD width="250"><em>Métier</em>:</TD>
<TD width="250"><em>Age</em>:</TD></TR>
<TD colspan="2" width="500"> <em>Signe particulier</em>:
<em>Description rapide :</em>
Joueur - sadique - ténébreux - etc...</TD></TR></TABLE>
<TABLE class="cssactif_rp_liens"><TR><TD width="250">Fiche de présentation</TD>
<TD width="250">Fiche de liens</TD>
<TD width="250">Boite aux lettres</TD>
<TR>
</TABLE>
<table class="cssactif_rp_recherche"><TR><TD><em>Rp Recherchés :</em>
Un rp rigolo ou il se casse la gueule etc...
<em>Rp libre:</em>
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla </TD></table>
<div class="cssactif_rp_titre"><em>Rp en cours:</em></div>
<TABLE cellspacing="20px" class="cssactif_rp_cout"><TR><td class="cssactif_rp_imgcout" style="background-image: url(http://r19.imgfast.net/users/1911/11/51/43/avatars/1-23.jpg);"></td><TD width="500"><em>Titre du rp</em>:
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
Lien RP
Lien Fiche Partenaire
</TD>
</TR></TABLE>
<div class="cssactif_rp_titre"><em>Rp Terminés:</em></div>
<TABLE cellspacing="20px" class="cssactif_rp_cout"><TR><td class="cssactif_rp_imgcout" style="background-image: url(http://r19.imgfast.net/users/1911/11/51/43/avatars/1-23.jpg);"></td><TD width="500"><em>Titre du rp</em>:
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
Lien RP
Lien Fiche Partenaire
</TD>
</TR></TABLE>
<div style="font-size: 10px; text-align: center;">©Mohnn du forum : <a href="http://otsu.forumactif.com/">Le Village d'Otsu</a></div>
</div>
</div>
Mohnn.
Dernière édition par Mohnn le Mer 4 Sep 2013 - 15:56, édité 1 fois
Re: Problème de marges autour d'un tableau
Bonjour,
Dans ton code css 'cssactif_rp' tu peux mettre une valeur de padding et margin plus petite, pour le haut
Cdt
Dans ton code css 'cssactif_rp' tu peux mettre une valeur de padding et margin plus petite, pour le haut
Cdt
Invité- Invité
Re: Problème de marges autour d'un tableau
Bonjour,
Je l'ai déjà fait, je suis allée jusqu'à les réduire à 2px pour voir ce que ça donne et rien ça ne bouge pas. J'ai pourtant un autre cadre en dessous avec les même références et ça lui réduit bien sa marge du haut...
Une autre idée peut être ?
Je pense que ça vient de mon tableau parce que lorsque je l'enlève l'espace s'en va.
Merci d'avance.
Je l'ai déjà fait, je suis allée jusqu'à les réduire à 2px pour voir ce que ça donne et rien ça ne bouge pas. J'ai pourtant un autre cadre en dessous avec les même références et ça lui réduit bien sa marge du haut...
Une autre idée peut être ?
Je pense que ça vient de mon tableau parce que lorsque je l'enlève l'espace s'en va.
Merci d'avance.
Re: Problème de marges autour d'un tableau
regarde je viens de tester ton code encore une fois.
Voilà ce que j'obtiens. regarde la marge en haut avec margin et Padding à 2%
ne fait pas attention a la mise en page dessous.
Voilà ce que j'obtiens. regarde la marge en haut avec margin et Padding à 2%
ne fait pas attention a la mise en page dessous.
Dernière édition par Danynou le Mer 4 Sep 2013 - 14:33, édité 1 fois
Invité- Invité
Re: Problème de marges autour d'un tableau
Purée alors là franchement je comprend pas ce qui fait que ça change, chez moi sur firefox, chrome et l'ipad la marge est toujours là même si je le change...
Re: Problème de marges autour d'un tableau
tu le met à quel endroit ton code ??
si c'est dans un post ??? il y a surement un problème de balises
si c'est dans un post ??? il y a surement un problème de balises
Invité- Invité
Re: Problème de marges autour d'un tableau
tu met ce code dans un post:
Cdt
- Code:
<div class="cssactif_rp">
[table class="cssactif_rp_int" cellspacing="20px"][tr][td class="cssactif_rp_header" style="background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/47479510.jpg);" align="right" rowspan="4" valign="bottom" width="250"]Mohnn[/td]
[td width="250"]<em>Nom</em>: [/td]
[td width="250"]<em>Race</em>:[/td]
[/tr]
[tr][td width="250"]<em>Prénom</em>:[/td]
[td width="250"]<em>Sous-Race</em>: [/td]
[/tr]
[tr][td width="250"]<em>Métier</em>:[/td]
[td width="250"]<em>Age</em>:[/td]
[/tr]
[tr][td colspan="2" width="500"]<em>Signe particulier</em>:<em>Description rapide :</em>Joueur - sadique - ténébreux - etc...[/td]
[/tr]
[/table]
[table class="cssactif_rp_liens"][tr][td width="250"]Fiche de présentation[/td]
[td width="250"]Fiche de liens[/td]
[td width="250"]Boite aux lettres[/td]
[/tr]
[/table]
[table class="cssactif_rp_recherche"][tr][td]<em>Rp Recherchés :</em>Un rp rigolo ou il se casse la gueule etc...<em>Rp libre:</em>Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla [/td]
[/tr]
[/table]
<div class="cssactif_rp_titre"><em>Rp en cours:</em></div>
[table class="cssactif_rp_cout" cellspacing="20px"][tr][td class="cssactif_rp_imgcout" style="background-image: url(http://r19.imgfast.net/users/1911/11/51/43/avatars/1-23.jpg);"][/td]
[td width="500"]<em>Titre du rp</em>:
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
Lien RP
Lien Fiche Partenaire
[/td]
[/tr]
[/table]
<div class="cssactif_rp_titre"><em>Rp Terminés:</em></div>
[table class="cssactif_rp_cout" cellspacing="20px"][tr][td class="cssactif_rp_imgcout" style="background-image: url(http://r19.imgfast.net/users/1911/11/51/43/avatars/1-23.jpg);"][/td]
[td width="500"]<em>Titre du rp</em>:
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
Lien RP
Lien Fiche Partenaire
[/td]
[/tr]
[/table]
<div style="font-size: 10px; text-align: center;">Mohnn du forum :<a href="http://otsu.forumactif.com/">Le Village d'Otsu</a></div>
</div>
</div>
Cdt
Invité- Invité
Re: Problème de marges autour d'un tableau
Merci !!! Enfin !
J'ai compris ou était le soucis c'était une question de balise !!^^'
Je suis encore une pro dans le domaine.
Je te souhaite une bonne journée.
J'ai compris ou était le soucis c'était une question de balise !!^^'
Je suis encore une pro dans le domaine.
Je te souhaite une bonne journée.
Sujets similaires
» Marges autour du logo "Bandeau"
» Cadre autour d'une image avec marges ?
» Cadre autour d'un tableau personnalisé en modernbb
» [CSS] Comment faire des ombres tout autour du tableau
» Problème de marges/padding [TERMINÉ]
» Cadre autour d'une image avec marges ?
» Cadre autour d'un tableau personnalisé en modernbb
» [CSS] Comment faire des ombres tout autour du tableau
» Problème de marges/padding [TERMINÉ]
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum