28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
j'essaye de créer un menu, qui fonctionnerait comme suit :

Une partie supérieure, et une partie inférieure.
Les liens dans la partie supérieure permettent d'afficher différentes DIV dans la partie inférieure lorsqu'on clique dessus, mais ne qui ne disparaissent pas tant qu'on n'a pas cliquer sur un autre lien.

Peut être que ce sera un peu plus clair avec le code :


               <div class="topcontenu">
			<table class="topcontenu" cellspacing="0" cellpadding="0">
				<tr>	
					<td class="top">Faire un lien</td>
					<td class="top">Faire un lien</td>
					<td class="top">Faire un lien</td>
				</tr>
			</table>
					
		</div>

		<div class="bottomcontenu">
	
		</div>


Voilà donc j'aimerais que lorsqu'on clique sur "Faire un lien", la div correspondante s'affiche dans "bottomcontenu".

J'ai l'impression que je vais devoir utiliser :target, mais malgré les nombreux tutoriaux lus, je ne pige pas bien comment ça fonctionne.

Auriez vous quelques renseignements/idées/conseils à m'indiquer ?

Je vous remercie d'avoir pris le temps de lire et de vous intéresser.
A très bientôt,
Grégoire.
Modifié par GregoireC (30 Dec 2011 - 12:17)
Salut à toi !
Merci de ta réponse, mais, justement, quand je parlais des tutos, je parlais notamment de celui ci.
Je l'ai regardé en large et en travers, sans réussir à comprendre comment l'adapter.

Et mon gros problème si tu veux, c'est que dans cet exemple, le texte de la div qui apparaît est déjà présent avant le click. Or moi j'aimerais que TOUT apparaisse au même moment (texte + mise en forme), que ce ne soit pas seulement la forme qui change quoi.

Merci !