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
» Effet de volet glissant sur un bloc
Ven 15 Fév 2019, 10:43 par Kanala

» Barre(s) Hitskinienne
Lun 11 Fév 2019, 23:00 par wildheart.

» Fond de message
Ven 08 Fév 2019, 19:55 par Scratpub

» [PA] Message d'Accueil Simple
Ven 08 Fév 2019, 16:34 par Scratpub

» [Plugin] Effet rollover sur une image
Dim 03 Fév 2019, 07:48 par .lysaivin

» Justifier le contenu de votre forum
Lun 28 Jan 2019, 14:21 par Cookie-Coyote

» Rapporter un bug
Lun 28 Jan 2019, 04:41 par 'Christa

» Système d'onglets simple et personnalisable
Lun 21 Jan 2019, 17:23 par AnieZ


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/
Plouf.
{ 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
Chinelle
{ 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/
Plouf.
{ 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
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



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
Psycho
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
Carrie
{ 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

-
» Image qui changent au passage de la souris
» image qui part au passage de la souris
» texte sous l'image d'accueil .
» Texte sous une image
» Problème avec un code permettant d'afficher du texte en survolant une image

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