28172 sujets

CSS et mise en forme, CSS3

Bonjour

J'ai suivi le tuto sur un Slideshow full CSS3
http://www.alsacreations.com/tuto/lire/1058-ID-slideshow-css3-target-animation.html

Cependant, il me pose un problème: un clique sur une ancre me déplace dans la page.
Ce tuto marche bien en haut de page, mais si on le place au milieu d'un site, son comportement devient insupportable.

Existe t'il un moyen que l'ancre... n'agisse pas comme une ancre?

Merci pour vos réponses
Modifié par Eone (24 Jan 2011 - 15:03)
Hello Smiley smile

easy :
étape 1
crée une div conteneur de ton header et dans le css, met ton conteneur en position fixed.
(ya surement plus simple mais mon header est déja en anim css complexe donc le plus simple était de rajouter une div... from scratch qd tu nous tient ^^)
étape 2
crée un h1 qui joue le role de target (avec un espace &nbsp entre les balises) et h2 qui joue le role de "vrai" titre.
dans ton css, met un margin bottom sur tes h1 de la hauteur de ton header (ou un peu plus).
et le tour est joué.

le margin-top ne fonctionnera pas sur la h1, c'est le texte qui compte.

Dsl pour le temps de réponse, je n'avais pas vu ton post et je viens de m'inscrire Smiley smile
Bonjour,


En fin de tutoriel il y a maintenant une solution fournie par Vincent De Oliveira qui te permet de contrecarrer le comportement par défaut de l'ancre.

Bon dimanche Smiley cligne