faire un menu vertical avec des liens

**Kuchiki Byakuya** · 07/02/2009, 19h13

bonjour tout le monde, je voulais savoir comment faire un menu vertical, avec des liens hypertexte de façon à ce qu'il reste toujours visible par le visiteur, même si l'on descend dans la fenêtre.
pour l'instant j'ai fait ça en html, avec un tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
<table name="tableau1.1.1" border=3 bordercolor="#CC0000">
 
 
			<tr><td align="center"><a href="http://azteques.xooit.fr/index.php" target=_blank><b>Forum</b></a></td></tr>
			<tr><td align="center"><a href="elfen.html"><b>Accueil</b></a></td></tr>
			<tr><td align="center"><a href="rp.html"><b>Rôle Play</b></td></tr>
			<tr><td align="center"><a href="http://chevalierkasza.free.fr/alliance_ogame/ogspy/OGSpy3_05/index.php" target=_blank><b>Cartographie</b></a></td><tr>
			<tr><td align="center"><a href="stats.html"><b>Progression</b></a></td></tr>
			<tr><td align="center"><a href="mailto:aaaaaaaa@gmail.com"><b>Me contacter</b></td></tr>
			<tr><td align="center"><a href="http://mines.webinpact.com/index.php" target=_blank><b>Mines</b></a></td></tr>
			<tr><td align="center"><a href="http://www.ogame-winner.com/convertisseur-rc-rapports-combat.html" target=_blank><b>Convertisseur de RC</b></a></td></tr>
			<tr><td align="center"><a href="http://www.ogame-winner.com/convertisseur-re-rapports-espionnage.html" target=_blank><b>Convertisseur de RE</b></a></td></Tr>
		</table>

**Lenezir** · 07/02/2009, 19h47

Salut.

Alors ça se fait par CSS ça.
Sur le div de ton menu, mets lui une classe CSS contenant "position : fixed;"

**Kuchiki Byakuya** · 08/02/2009, 12h18

ba alors va faloir que je me mette au css car je n'y connais rien

tu pourrais me montrer un exemple de code que je pourrai appliquer pour ça hjistoire que ce soit fait le temps que j'apprenne

comme ça ça me fera un exemple

**Lenezir** · 08/02/2009, 12h24

Oui c'est très simple.
Alors je pars du principe que tu as un DIV pour ton menu.
Donc pour un site basique ça devrait ressembler à ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
	<head>
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	</head>
	<body>
		<div id="menu">
		<!-- Ton menu -->
		</div>
		<div id="corps">
		<!-- Le corps de ton site (la page principale quoi) -->
		</div>
		</div id="footer">
		<!-- Le pied de ton site -->
		</div>
	</body>
</html>

Après ça tu te crée un fichier style.css et dedans tu mets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#menu
{
position : fixed; /*Pour que le menu ne bouge pas*/
float : left; /* Pour que ton menu reste collé à gauche*/
}

Bonne chance.

**Kuchiki Byakuya** · 08/02/2009, 13h08

grand merci !!! une dernière petite question, pour apprendre le css, une connaissance basique du javascript suffit ou pas ?

**Lenezir** · 08/02/2009, 13h10

Tu n'as pas du tout besoin du JavaScript pour apprendre le CSS.

faire un menu vertical avec des liens [HTML 5]

HTML

Vue hybride

Discussions similaires

Partager

Partager