[Resolu]Problème de zone cliquable, merci d'avance! Bouton_active[Resolu]Problème de zone cliquable, merci d'avance! Bouton_hover[Resolu]Problème de zone cliquable, merci d'avance! Fb-hover[Resolu]Problème de zone cliquable, merci d'avance! 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
» Fiche de Présentation RPG
[Resolu]Problème de zone cliquable, merci d'avance! EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[Resolu]Problème de zone cliquable, merci d'avance! EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[Resolu]Problème de zone cliquable, merci d'avance! EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[Resolu]Problème de zone cliquable, merci d'avance! EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[Resolu]Problème de zone cliquable, merci d'avance! EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[Resolu]Problème de zone cliquable, merci d'avance! EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[Resolu]Problème de zone cliquable, merci d'avance! EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
[Resolu]Problème de zone cliquable, merci d'avance! EmptyMar 07 Fév 2023, 08:40 par Oxtran

-45%
Le deal à ne pas rater :
PC Portable LG Gram 17″ Intel Evo Core i7 32 Go /1 To
1099.99 € 1999.99 €
Voir le deal

Partagez
 

[Resolu]Problème de zone cliquable, merci d'avance!

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://divergent.forumactif.fr/
Eylika
Eylika
{ Membre }
{ Membre }

Féminin Messages : 36



[Resolu]Problème de zone cliquable, merci d'avance! Empty
Bonjour bonjour !
Tout d'abord voici l'adresse du forum http://divergent.forumactif.fr/
J'explique mon souci, qui concerne ce post :
http://divergent.forumactif.fr/t84-formulaire-de-presentations#741
On ne peut plus cliquer sur "Pour réserver un avatar" qui est censé être un spoiler à ouvrir.
J'ai beau chercher, je ne vois pas d'où ça vient ><

Je vous poste mon css :
Code:
d {
        color:#ad9e88;
        text-shadow: #000000 0px 1px 1px;
     letter-spacing: 1px;
     font-weight:bold;
     display: inline;
}

.gifpres{
         position:absolute;
   left: 3%;
        right: 10%;
       top:74px; 
         height:200px;
        z-index:2;
}

.pseudopres{
         position:absolute;
   left: 5px;
       top:250px; 
        width:400px;
        text-align:center;
        z-index:2;
     font-family: Times New Roman;
        font-size: 36px;
        color:#ad9e88;
        text-shadow: #000000 0px 1px 1px;
        font-style:italic;
        letter-spacing:-5px;
}

.soustextepres {
        position:absolute;
   left: 3%;
        right: 10%;
       top:275px; 
        width:400px;
        text-align:center;
        z-index:2;
     font-family: Times New Roman;
        font-size: 24px;
        color:#6f5c4a;
        text-shadow: #000000 0px 1px 1px;
        font-style:italic;
        letter-spacing:-2px;
}

.featpres {
        position:absolute;
   left:22px;
       top:674px; 
        width:80px;
     height:80px;
        text-align:center;
        z-index:2;
     font-family: Times New Roman;
        font-size: 16px;
        color:#120c0a;
        text-shadow: #000000 0px 1px 1px;
        font-style:bold;
        letter-spacing:-1px;
     line-height:1,5px;
}

.questionspres1 {
        position:absolute;
   left:35px;
       top:330px; 
        width:175px;
     height:242px;
        text-align:justify;
        z-index:2;
     font-family: Tahoma;
        font-size: 11px;
        color:#080605;
     overflow:auto;
     line-height:12px;
}

.questionspres2 {
        position:absolute;
   left:227px;
       top:330px; 
        width:175px;
     height:242px;
        text-align:justify;
        z-index:2;
     font-family: Tahoma;
        font-size: 11px;
        color:#080605;
     overflow:auto;
     line-height:12px;
}

.caracterspres {
        position:absolute;
   left:75px;
       top:583px; 
        width:280px;
     height:35px;
        text-align:justify;
        z-index:2;
     font-family: Tahoma;
        font-size: 11px;
        color:#080605;
     overflow:auto;
     line-height:12px;
     font-style:italic;
}
.irlpres {
        position:absolute;
   left:35px;
       top:615px; 
        width:360px;
     height:42px;
        text-align:justify;
        z-index:2;
     font-family: Tahoma;
        font-size: 11px;
        color:#080605;
     overflow:auto;
     line-height:12px;
}

Ainsi que le code du message :
Code:
<div style="position:relative;width:476px; height:750px;">
  <div style="position:absolute;z-index:1"><img src="http://img803.imageshack.us/img803/3548/prsentationone.png"></img>

<div class="gifpres"><center><img src="http://media.tumblr.com/tumblr_lzlunvj7Ly1qf7jgro1_500.gif" height=200px></img></center></div>

<div class="pseudopres">
Alek Destan Tsylohe
</div>

<div class="soustextepres">
age - faction actuelle - faction d'origine
</div>

<div class="featpres">
Francisco Lachowski
</div>

<div class="questionspres1"><d>→ Pour commencer, présente nous ta famille, dans quel milieu as-tu grandi ?</d>
Ici la réponse

<d>→ Quel est ton statut actuellement ? Célibataire, en couple, fiancé, marié, c'est compliqué ? N'hésite pas à développer.</d>
Ici la réponse

<d>→ Si tu as plus de dix-huit ans, quel métier exerces-tu au sein de ta faction ? Ou du moins, à quel métier aspires-tu ?</d>
Ici la réponse

<d>→ Quelle est ta plus grande peur, celle que tu n'arrives pas à surmonter ? D'où te vient-elle ?</d>
Ici la réponse

<d>→ La chambre de simulation, tous les audacieux la connaisse. La question est, combien de peurs as-tu à l'intérieur ?</d>
Ici la réponse

<d>→ Quelle est la chose la plus risquée que tu aies faite, dans le but de tester ton courage et d'avoir une bonne dose d'adrénaline ?</d>
Ici la réponse

<d>→ Quelle serait la chose la plus dingue que tu serais capable de faire si on te posait un défi ?</d>
Ici la réponse
</div>

<div class="questionspres2"><d>→ 1ere manie/tic/toc</d>
Ici la réponse
<d>→ 2nde manie/tic/toc</d>
Ici la réponse
<d>→ 3eme manie/tic/toc</d>
Ici la réponse
<d>→ 4eme manie/tic/toc</d>
Ici la réponse
<d>→ 5eme manie/tic/toc</d>
Ici la réponse
<d>→ 6eme manie/tic/toc</d>
Ici la réponse
<d>→ 7eme manie/tic/toc</d>
Ici la réponse
<d>→ 8eme manie/tic/toc</d>
Ici la réponse
<d>→ 9eme manie/tic/toc</d>
Ici la réponse
<d>→ 10eme manie/tic/toc</d>
Ici la réponse
</div>

<div class="caracterspres">quelques traits de caractère ici, en fonction de votre faction bien sûr
</div>

<div class="irlpres"><d>ton prénom/pseudo</d> : blabla <d>ton âge</d> : blabla <d>comment as-tu trouvé le forum ?</d> blabla <d>as-tu lu divergent ?</d> blabla <d>suggestion? un dernier mot?</d> blabla</div></div></div><br>

[spoiler=Pour réserver ton avatar]Effacer la mention inutile

Code à remplir pour les filles
[b][color=palevioletred]NOM DE FAMILLE, PRÉNOM DE LA CÉLÉBRITÉ[/color][/b] ressemble beaucoup à [b]prénom p. nom[/b]

Code à remplir pour les garçons
[b][color=cadetblue]NOM DE FAMILLE, PRÉNOM DE LA CÉLÉBRITÉ[/color][/b] ressemble beaucoup à [b]prénom p. nom[/b][/spoiler]

Merci beaucoup d'avance pour votre aide ! I love you


Dernière édition par Eylika le Sam 14 Juil 2012, 13:30, édité 1 fois
MessageSujet: [Resolu]Problème de zone cliquable, merci d'avance!   [Resolu]Problème de zone cliquable, merci d'avance! EmptyMer 11 Juil 2012, 16:40
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



[Resolu]Problème de zone cliquable, merci d'avance! Empty
ajoute ce code css
Code:

.spoiler{
    position:relative;
    z-index: 10;
}
MessageSujet: Re: [Resolu]Problème de zone cliquable, merci d'avance!   [Resolu]Problème de zone cliquable, merci d'avance! EmptyMer 11 Juil 2012, 18:01
Revenir en haut Aller en bas
http://divergent.forumactif.fr/
Eylika
Eylika
{ Membre }
{ Membre }

Féminin Messages : 36



[Resolu]Problème de zone cliquable, merci d'avance! Empty
Merci beaucoup, ça marche pour las spoiler mais en revanche lorsque j'édite puis je prévisualise ça me fait aussi une zone non cliquable, cette fois sur les boutons... capture :

[Resolu]Problème de zone cliquable, merci d'avance! Sans_t10
MessageSujet: Re: [Resolu]Problème de zone cliquable, merci d'avance!   [Resolu]Problème de zone cliquable, merci d'avance! EmptyJeu 12 Juil 2012, 07:36
Revenir en haut Aller en bas
http://divergent.forumactif.fr/
Eylika
Eylika
{ Membre }
{ Membre }

Féminin Messages : 36



[Resolu]Problème de zone cliquable, merci d'avance! Empty
Problème réglé, merci quand même.
MessageSujet: Re: [Resolu]Problème de zone cliquable, merci d'avance!   [Resolu]Problème de zone cliquable, merci d'avance! EmptyVen 13 Juil 2012, 06:12
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



[Resolu]Problème de zone cliquable, merci d'avance! Empty
Bonjour, quel était le problème (et sa solution) ?

N'oublie pas de marquer le sujet comme [résolu] (en rajoutant ce tag au début du titre de ton sujet ^^)
MessageSujet: Re: [Resolu]Problème de zone cliquable, merci d'avance!   [Resolu]Problème de zone cliquable, merci d'avance! EmptyVen 13 Juil 2012, 10:06
Revenir en haut Aller en bas
http://divergent.forumactif.fr/
Eylika
Eylika
{ Membre }
{ Membre }

Féminin Messages : 36



[Resolu]Problème de zone cliquable, merci d'avance! Empty
C'est fait (:
Sa solution était de mettre width & height également en dessous dans cette partie de code :
Code:
<div style="position:relative;width:476px; height:750px;">
  <div style="position:absolute;z-index:1">
devient :
Code:
<div style="position:relative;width:476px; height:750px;">
  <div style="position:absolute;z-index:1;width:476px; height:750px;">
MessageSujet: Re: [Resolu]Problème de zone cliquable, merci d'avance!   [Resolu]Problème de zone cliquable, merci d'avance! EmptySam 14 Juil 2012, 13:31
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



[Resolu]Problème de zone cliquable, merci d'avance! Empty
Merci pour l'info. Eylika.

Je classe.
MessageSujet: Re: [Resolu]Problème de zone cliquable, merci d'avance!   [Resolu]Problème de zone cliquable, merci d'avance! EmptySam 14 Juil 2012, 13:39
Revenir en haut Aller en bas
Contenu sponsorisé




[Resolu]Problème de zone cliquable, merci d'avance! Empty
MessageSujet: Re: [Resolu]Problème de zone cliquable, merci d'avance!   [Resolu]Problème de zone cliquable, merci d'avance! Empty
Revenir en haut Aller en bas
 

[Resolu]Problème de zone cliquable, merci d'avance!

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

 Sujets similaires

-
» [résolu : par Hiro : merci merci merci ^^] Mon forum est décalé
» RÉSOLU — Header aléatoire cliquable ?
» [RESOLU] Cadré doré autour de la zone de saisie de texte
» Problème d'éléments à déplacé : index_box [RESOLU] - viewtopic_body [RESOLU]
» Problème d'affichage [PROBLÈME RÉSOLU]

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 | Forum gratuit