bonsoir à tous , allez jetez un oeil à cette page s'il vous plait :

http://www.counterpane.com/

à gauche il y a un menu , de home à about , j'aimerais savoir quel code css permet d'avoir des délimitations horizontales en pointillés blancs et comment mettre les home , services , solutions , bref le texte dans les cellules en blanc avec un lien , merci .

PS : si il y a moyen de mettre une couleur de fond au menu je suis prenant bien évidemment .

**balu** · 16/12/2005, 23h43

Bonjour Bibouda,

Je viens de faire une version de ton menu sans image.

menu.html

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
17
18
19
20
21
22
23
24
25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>MENU</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="menu.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
 
<div id="menu">
	<ul>
		<li><a href="index.html">HOME</a></li>
		<li><a href="services.html">SERVICES</a></li>
		<li><a href="solutions.html">SOLUTIONS</a></li>
		<li><a href="resources.html">SECURITY RESOURCES</a></li>
		<li><a href="customers.html">CUSTOMERS</a></li>
		<li><a href="partners.html">PARTNERS</a></li>
		<li><a href="about.html">ABOUT</a></li>
		<li><a href="portal.html">CUSTOMER PORTAL</a></li>
	</ul>
</div>
 
</body>
</html>

menu.css

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	background: #95ACC5;
	width: 100%;
}
 
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
 
#menu li {
	margin: 0;
	padding: 0;
	border-bottom: 0.1em dotted #fff;	
}
 
#menu a {
	margin: 0;
	padding: 0.4em;
	display: block;
	text-decoration: none;
	color: #fff;
}
 
#menu a:hover {
	background: #124288;
}

Ce n'est pas parfait mais c'est une base.

**Arnich** · 17/12/2005, 01h34

Vas sur le site d'alcréation les tuto sont plutot bien fait

menu

HTML

Vue hybride

Discussions similaires

Partager

Partager