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 !

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;
}

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 !

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

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

Je me permets de regarder, car j'ai l'impression que c'est exactement ce que je cherche à faire. Merci (: