Problème de marges autour d'un tableau

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

Résolu Problème de marges autour d'un tableau

Message par Mohnn le Mer 4 Sep 2013 - 1:31

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 :

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;
}
mon post :

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>
Merci d'avance,

Mohnn.


Dernière édition par Mohnn le Mer 4 Sep 2013 - 15:56, édité 1 fois

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de marges autour d'un tableau

Message par Invité le Mer 4 Sep 2013 - 11:31

Bonjour,

Dans ton code css 'cssactif_rp' tu peux mettre une valeur de padding et margin plus petite, pour le haut Smile

Cdt

Invité
Invité


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

Résolu Re: Problème de marges autour d'un tableau

Message par Mohnn le Mer 4 Sep 2013 - 11:49

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.

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de marges autour d'un tableau

Message par Invité le Mer 4 Sep 2013 - 12:00

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.


Dernière édition par Danynou le Mer 4 Sep 2013 - 14:33, édité 1 fois

Invité
Invité


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

Résolu Re: Problème de marges autour d'un tableau

Message par Mohnn le Mer 4 Sep 2013 - 12:18

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...

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de marges autour d'un tableau

Message par Invité le Mer 4 Sep 2013 - 13:08

tu le met à quel endroit ton code ??
si c'est dans un post ??? il y a surement un problème de balises

Invité
Invité


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

Résolu Re: Problème de marges autour d'un tableau

Message par Invité le Mer 4 Sep 2013 - 14:29

tu met ce code dans un post:

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>
cela devrait te convenir Smile

Cdt

Invité
Invité


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

Résolu Re: Problème de marges autour d'un tableau

Message par Mohnn le Mer 4 Sep 2013 - 15:55

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.

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn 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