Problème avec padding/marging qui ne s'applique pas

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

Résolu Problème avec padding/marging qui ne s'applique pas

Message par MlleSnake le Mer 9 Mar 2016 - 6:13

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Tous  
Lien du forum : http://outer-space.actifforum.com/

Description du problème


Bonjour !
Le problème est relié à mon code pour les sous-forums (qui sont sous un effet hover, il faut survoler le petit triangle pour les faire apparaître). Chaque sous-forum est dans une case séparée, le problème est que le haut de ces cases se colle à la div qui les contient, et malgré plusieurs tentatives de padding ou marging, rien ne fonctionne pour les faire descendre. Une idée?

Merci!

Voici mes codes :

css:

Code:
/* TRIANGLE SOUS-FORUMS */
.sfFRM span{
position:absolute; margin-left:0px; margin-top:-50px;
width:0; height:0;
border-style:solid; border-width:12.5px 0 12.5px 15px; border-color:transparent;
border-left-color:#3acf61; /* MODIFIABLE */
transition:all 1.02s linear; -webkit-transition:all 1.02s linear;
}
.sfFRM:hover span{
margin-left:750px;
transition:all 0.64s linear; -webkit-transition:all 0.64s linear;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:;
width:0px; height:30; padding:10px; overflow:hidden;
margin-top:5px;
line-height:4px; color:rgba(0,0,0,0);
background:#3acf61; /* MODIFIABLE */
opacity:0; transition:all 1s linear; -webkit-transition:all 1s linear;
}
.sfFRM:hover div{
width:730px; overflow:auto;
opacity:1; transition:width 0.65s linear; -webkit-transition:width 0.65s linear;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a{
display:inline; width:20%; height:20px;
padding:10px; text-align:center; font-size:10px; text-transform:uppercase;
color:black !important; background:white !important; /* MODIFIABLE */
}

template:

Code:
<td class="topics_posts">
          <div id="sujets">{catrow.forumrow.TOPICS}</div>
          <div id="messages">{catrow.forumrow.POSTS}</div>
      </td>


Dernière édition par MlleSnake le Ven 11 Mar 2016 - 4:45, édité 1 fois

MlleSnake
**

Féminin
Messages : 97
Inscrit(e) le : 09/10/2010

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

Résolu Re: Problème avec padding/marging qui ne s'applique pas

Message par Ancients le Jeu 10 Mar 2016 - 7:40

Bonjour,

Essayez avec ce CSS

Code:
/* TRIANGLE SOUS-FORUMS */
.sfFRM span{
position:absolute; margin-left:0px; margin-top:-50px;
width:0; height:0;
border-style:solid; border-width:12.5px 0 12.5px 15px; border-color:transparent;
border-left-color:#3acf61; /* MODIFIABLE */
transition:all 1.02s linear; -webkit-transition:all 1.02s linear;
}
.sfFRM:hover span{
margin-left:750px;
transition:all 0.64s linear; -webkit-transition:all 0.64s linear;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:;
width:0px; height:30; padding:10px; overflow:hidden;
margin-top:5px;
line-height:4px; color:rgba(0,0,0,0);
background:#3acf61; /* MODIFIABLE */
opacity:0; transition:all 1s linear; -webkit-transition:all 1s linear;
}
.sfFRM:hover div{
width:730px; overflow:auto;
opacity:1; transition:width 0.65s linear; -webkit-transition:width 0.65s linear;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a{
display:inline-block;
padding:10px; text-align:center; font-size:10px; text-transform:uppercase;
color:black !important; background:white !important; /* MODIFIABLE */
}

Bien à vous

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec padding/marging qui ne s'applique pas

Message par MlleSnake le Ven 11 Mar 2016 - 4:45

ça marche! merci beaucoup! =D

MlleSnake
**

Féminin
Messages : 97
Inscrit(e) le : 09/10/2010

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

Résolu Re: Problème avec padding/marging qui ne s'applique pas

Message par Ancients le Ven 11 Mar 2016 - 8:57

Je vous en prie,

Bonne journée.

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients 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