C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Système d'onglets simple et personnalisable
Lun 17 Sep 2018, 05:44 par heresy.

» Effet pour vos catégories
Sam 15 Sep 2018, 06:41 par Dynaste

» [RPG] Fiche personnage avec bannière latérale
Mar 11 Sep 2018, 15:29 par Rosalie Hale

» Signature codée avec onglets
Sam 01 Sep 2018, 16:11 par Plumeplume

» Mettre votre © Copyright dans le footer de votre forum
Mar 28 Aoû 2018, 12:13 par kaiton

» Sous-forums en retour à la ligne
Lun 27 Aoû 2018, 13:26 par sergiomarquina

» Effet pour vos sous-forums
Lun 27 Aoû 2018, 13:23 par sergiomarquina

» Trois colonnes avec effet Zoom
Lun 27 Aoû 2018, 08:40 par sergiomarquina


Partagez | 
 

(résolu) Texte dissimulé sous une image qui glisse au passage de la souris.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://nitwittedly-yours.forumactif.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 40



Bonjour à tous !
Me voici avec mon petit souci, qui n'est pas dramatique non plus maiiis dans ma quête ultime de la perfection, je ne peux pas m'empêcher de le soulever. J'ignore d'ailleurs comment le résoudre, donc je viens vers vous

Voici le forum en question : Clique. La chose est la suivante : comme vous pouvez le voir, lorsque vous passez votre souris sur l’image intitulée "come on guys, navigation" dans le premier sous forum, celle-ci se soulève et finit par disparaitre pour donner libre accès aux liens. Seulement je ne trouve pas l'effet très beau et ce que je souhaiterai, c'est qu'en se soulevant l'image passe sous le bord du cadre qui contient le texte, un peu comme un rouleau qu'on replie. Là, elle passe carrément au-dessus en perdant son opacité et ce n'est pas exactement ce que j'attends xD. J'espère avoir été claire, sinon voici un exemple sur un autre forum de l'effet (la différence étant que leur image part vers le bas, mais elle passe bien sous le cadre) : here.

Voici mon CSS & le HTML associé (sous hide) :


Merci d'avance à ceux qui sauront m'aiguiller, je ne demande pas un code tout prêt, j'aimerai juste comprendre la chose et réussir à le faire (je n'ai actuellement pas de java mais je suppose qu'il en faut et étant vraiment nulle là-dedans, des explications ne seraient pas de refus !). Bonne fin de journée !


Dernière édition par Plouf. le Ven 28 Déc 2012, 10:55, édité 1 fois
MessageSujet: (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.   Ven 28 Déc 2012, 10:24
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 119



Bonjour,

Je n'ai pas trop compris la raison d'être de la propriété width:0px; dans
Code:

<div style="position:relative;width:0px;">

A part ça, la propriété qui sert à faire disparaître ce qui sort d'un cadre à taille donnée c'est overflow avec la valeur hidden

Je te suggère donc de cibler la division citée plus haut en lui attribuant une classe et à définir son style dans la feuille de style et non dans le html comme je vois que c'est fait ici.

Code:

<div  class="conteneurSousFor">

Code:
.conteneurSousFor {
position:relative;
height:92px;
overflow:hidden;
}


MessageSujet: Re: (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.   Ven 28 Déc 2012, 10:48
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://nitwittedly-yours.forumactif.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 40



Merci beaucoup, cela fonctionne parfaitement. J'avoue n'avoir absolument pas pensé à un hidden, je cherchais vraiment à me compliquer la tête ! J'ai suivi tes conseils, le width datait d'un code de ma signature et je l'avais juste mis à 0 "au cas où". Mon souci est donc résolu, merci encore !
MessageSujet: Re: (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.   Ven 28 Déc 2012, 10:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://enaevolare.fr
avatar
Lostmindy
Lostmindy

Féminin Messages : 2851



Hello !

Es-tu consciente du fait que <figure> et <figcaption> sont des balises HTML5 qui ne doivent pas être utilisées sur ForumActif (puisque les forums de FA sont en XHTML transitionnel) et qu'en plus il y a un script placé avant le doctype de ton forum (très grave erreur) ? O_o



Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)
MessageSujet: Re: (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.   Ven 28 Déc 2012, 11:25
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Psychopathe
Psychopathe

Féminin Messages : 3407



Hello !
Étant donné ton absence de réponse malgré ton passage sur le forum, je considère que tu as lu le message de 'Christa (et que tu l'as ignoré du coup ^^).
Je déplace donc ce sujet qui est plus ou moins résolu \o/
Merci de ta compréhension


MessageSujet: Re: (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.   Mar 01 Jan 2013, 12:30
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 30



Je me permets de regarder, car j'ai l'impression que c'est exactement ce que je cherche à faire. Merci (:
MessageSujet: Re: (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.   Mar 07 Avr 2015, 16:03
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.   
Revenir en haut Aller en bas
 

(résolu) Texte dissimulé sous une image qui glisse au passage de la souris.

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

 Sujets similaires

-
» (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.
» image qui part au passage de la souris
» Image qui change au passage de la souris
» Image qui changent au passage de la souris
» [résolu]Transition d'une image qui change au passage de la souris

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 | Contact | Signaler un abus | Forum gratuit