Problème Affichage du spoiler Bouton_activeProblème Affichage du spoiler Bouton_hoverProblème Affichage du spoiler Fb-hoverProblème Affichage du spoiler Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème Affichage du spoiler EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème Affichage du spoiler EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème Affichage du spoiler EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème Affichage du spoiler EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème Affichage du spoiler EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème Affichage du spoiler EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème Affichage du spoiler EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème Affichage du spoiler EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -14%
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 ...
Voir le deal
299.99 €

Partagez
 

Problème Affichage du spoiler

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://kenryoku.frenchboard.com/forum.htm
Petit Démon Rêveur
Petit Démon Rêveur
{ Membre }
{ Membre }

Féminin Messages : 42



Problème Affichage du spoiler Empty
Bonjour, je crois que le titre explique assez bien le problème mais une image vous aidera peut-être mieux à comprendre le problème :

Spoiler:
Comme vous pouvez le constater, j'ai deux champs au lieu d'un seul. Celui de gauche je peux cliker dessus mais il ne se passe rien puisque le texte est dans le champ de droite, non clikable.

Je vous donne mon CSS :

Code:
-----------------
CSS DE BASE
-----------------

#page-body { padding-top: 20px; /* Espace entre la barre et les pubs */
}

a.mainmenu{
background: #E8EDDE;
text-align: center;
width: 100%;
margin-bottom: 5px;
padding: 3px 10px 3px 10px;
font-family: Arial;
text-transform: lowercase;
font-size: 12px;
}

a.mainmenu:hover{
background: url("http://i63.servimg.com/u/f63/15/03/70/68/bannia16.png");
color: #000000;
text-align: center;
width: 120%;
margin-bottom: 5px;
padding: 3px 10px 3px 10px;
text-transform:lowercase;
font-family: Arial;
text-decoration: none;
}
.cattitle{ /* Espace des liens de caté️gories */
margin-left: 15px;
}
a.forumlink {
font-variant:small-caps;
display:block;
text-align: center;
border-bottom: 4px solid #c6dac1;
font-size:14px;
letter-spacing: 4px;
padding: 4px 0px 4px 0px;
 }
a.forumlink:hover{
font-variant: small-caps;
letter-spacing: 6px;
 }
.forumlink{
font-weight: bold;
font-variant:small-caps;
 }
body {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}
.copyright{
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
th {
font-variant : small-caps!important ;
}


-------------------------------
COINS ARRONDIS FORUM
-------------------------------

.forumline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;}

.code {
background : #AAAAAA;
-moz-border-radius:6px;
border: #000000 dotted 1px;
color:#000000;
padding:4px;
text-align:justify;
}

.quote, .spoiler {
background : #AAAAAA;
-moz-border-radius:6px;
border: #000000 solid 1px;
color:#000000;
padding:4px;
text-align:justify;
}

.bodyline {
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

div,table{
-moz-border-radius:10px;
-webkit-border-radius:10px;}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

.bodyline {
-moz-border-radius:10px;
}

----------------
INFOBULLES
----------------

.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #24304F;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 150px;
width: 220px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;}

------------------------
QUI EST EN LIGNE ?
------------------------

.statistiques{
border:0px;
background-image: url("http://i63.servimg.com/u/f63/15/03/70/68/qeel10.jpg");
background-repeat: no-repeat;
background-position: center;
height:400px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}


----------------------------------------------------------
ARRONDIR BOUTONS PREVISUALISER ET ENVOYER
----------------------------------------------------------

input.liteoption {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; }
input.mainoption {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; }


Je précise que j'ai tenté d'enlever le code qui arrondit les angles du champ spoiler, mais que celui-ci ne s'affiche pas correctement non plus et en plus on ne voit pas les champs :

Problème Affichage du spoiler Probla11

voilà, je ne sais pas trop d'où vient le problème. Désolée si c'est simplement une erreur de débutant Embarassed

Merci d'avance pour votre aide ^^
MessageSujet: Problème Affichage du spoiler   Problème Affichage du spoiler EmptySam 03 Avr 2010, 12:29
Revenir en haut Aller en bas
http://marauderscalling.bb-fr.com
ptitlac
ptitlac
{ Membre }
{ Membre }

Féminin Messages : 226



Problème Affichage du spoiler Empty
Heu je ne voudrais pas m'avancer trop vite, mais il me semble qu'actuellement il y a un beug avec les affichages de spoiler sur forum actif...je n'y mettrais pas ma main à couper, mais il arrive ce problème sur pas mal de forums
MessageSujet: Re: Problème Affichage du spoiler   Problème Affichage du spoiler EmptySam 03 Avr 2010, 12:52
Revenir en haut Aller en bas
http://kenryoku.frenchboard.com/forum.htm
Petit Démon Rêveur
Petit Démon Rêveur
{ Membre }
{ Membre }

Féminin Messages : 42



Problème Affichage du spoiler Empty
Vraiment ? Dans ce cas je vais voir si ça refonctionne d'ici peu de temps ^^
Merci pour l'info
MessageSujet: Re: Problème Affichage du spoiler   Problème Affichage du spoiler EmptySam 03 Avr 2010, 13:03
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Problème Affichage du spoiler Empty
Bonjour ^^

Si tu t'étais renseigné sur le FDF, tu aurais pu récupérer ce code :

Code:
.spoiler.hidden .quote.spoiler_content, .spoiler .quote {display:none;}.spoiler .quote.spoiler_content, .spoiler.hidden .quote {display:block;}

Edit :à placer dans le css ^^
MessageSujet: Re: Problème Affichage du spoiler   Problème Affichage du spoiler EmptySam 03 Avr 2010, 13:04
Revenir en haut Aller en bas
http://kenryoku.frenchboard.com/forum.htm
Petit Démon Rêveur
Petit Démon Rêveur
{ Membre }
{ Membre }

Féminin Messages : 42



Problème Affichage du spoiler Empty
Désolée ^^'
Merci pour le code, ça m'a arrangé le problème. Je penserais à regarder là-bas à l'avenir. Excusez-moi du dérangement.
MessageSujet: Re: Problème Affichage du spoiler   Problème Affichage du spoiler EmptySam 03 Avr 2010, 13:20
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Problème Affichage du spoiler Empty
Pas de problème Wink

Je classe ^^
MessageSujet: Re: Problème Affichage du spoiler   Problème Affichage du spoiler EmptySam 03 Avr 2010, 13:55
Revenir en haut Aller en bas
Contenu sponsorisé




Problème Affichage du spoiler Empty
MessageSujet: Re: Problème Affichage du spoiler   Problème Affichage du spoiler Empty
Revenir en haut Aller en bas
 

Problème Affichage du spoiler

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Petit problème d'affichage des "spoiler"
» Problème de spoiler.
» Probleme de spoiler de chatbox
» Problème profil en "spoiler"
» petit problème avec Code et spoiler

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit