Problème avec padding/marging qui ne s'applique pas
2 participants
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 avec padding/marging qui ne s'applique pas
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
Re: Problème avec padding/marging qui ne s'applique pas
Bonjour,
Essayez avec ce CSS
Bien à vous
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
Re: Problème avec padding/marging qui ne s'applique pas
ça marche! merci beaucoup! =D
Re: Problème avec padding/marging qui ne s'applique pas
Je vous en prie,
Bonne journée.
Bonne journée.
Sujets similaires
» QEEL, problème de padding
» Problème de marges/padding [TERMINÉ]
» problème avec affichage parfois du forum et problème avec mes mp...
» Problème avec les options des messages & cadrage du forum avec le fond
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» Problème de marges/padding [TERMINÉ]
» problème avec affichage parfois du forum et problème avec mes mp...
» Problème avec les options des messages & cadrage du forum avec le fond
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
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