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 pour vos catégories
Aujourd'hui à 20:09 par vaaléeriiee

» Qui Est En Ligne - Utopia
Ven 06 Juil 2018, 23:20 par Vincent

» [RPG] Fiche personnage avec bannière latérale
Ven 29 Juin 2018, 06:27 par Tink

» [phpBB2] Sauvegarde des posts en cours d'écriture
Mar 26 Juin 2018, 02:30 par Laluna

» Apparition progressive du corps du forum
Dim 24 Juin 2018, 10:05 par Jimmy

» Formulaire de connexion rapide amélioré
Dim 24 Juin 2018, 10:03 par Jimmy

» Previsualiser le premier message d'un sujet
Dim 24 Juin 2018, 09:57 par Jimmy

» Trois colonnes avec effet Zoom
Mer 20 Juin 2018, 06:58 par Backflip


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.
» [résolu]Transition d'une image qui change au passage de la souris
» Image qui change au passage de la souris RESOLU
» Écrire un texte dans une image
» [résolu]Blue Screen sous W7

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