18041 sujets

Questions générales et questions de débutants

Creation d'un menu css3 html5

Bonjour, depuis hier j'ai chercher désespérément après un menu assez spécifique en html css3 j'ai pensai qu'il s'agissait des transition target mais je suis en galère bref pouvais vous m'aider, je vais vous poster une image avec ce que je souhaite


http://uppix.com/f-menu519f24370012ed65.jpg

donc en fait je souhaiterai que lorsque l'on clic sur communication le contenu qu'il a dans le cadre juste a coté apparaisse, et que le contenu de ce cadre change en cliquant sur les autre bouton

le site en question http://jeffrey0709.magix.net/public/

de plus j'ai une petite erreur lorsque l'on rétréci la page le header ne touche plus le coté de la fenêtre


Merci de votre aide et bonne journée
Modifié par WENKz (24 May 2013 - 10:39)
salut,
il s'agit bien d'utiliser :target. En fait tu dois donner un ID à chacun de ton contenu et tu dois faire pointer les liens de ton menu vers cet ID. Tu fais apparaître ensuite ton contenu grâce à target

<ul>
	<li><a href="#">Accueil</a></li>
	<li><a href="#contenu1">Contenu 1</a></li>
	<li><a href="#contenu2">Contenu 2</a></li>
</ul>
<section>
	<article id="contenu1">Contenu 1 - détails</article>
	<article id="contenu2">Contenu 2 - détails</article>
</section>



ul, section {float:left;margin:0;padding:0;border:1px solid #ccc;}
ul {width:200px;list-style:none;}
section {width:600px;height:60px;}
article {display:none;height:100%;background:#09f;color:#fff;}
article+article {background:#c66;}
#contenu1:target, #contenu2:target {display:block;}

Par contre :target c'est du CSS3 et ça implique que tu priveras les anciens navigateurs de cette propriété.
j'ai un petit problème avec cette ligne la, lorsqu'il y height et bien le module monte et pas moyen de bouger


section {width:600px;height:60px;}
Sujet clos
Aller à