Bande dans l'entete d'une page web

2I++ Messages postés 793 Statut Membre -  
zagaga Messages postés 45 Statut Membre -
Bonjour à tous,

J'ai constaté qu'au de l'entête du CCM, nous avons une bande noire où on a: Accueil, Forum, Actuce, telecharger,...., Emploi et Entreprise.
Mon problem presentement est comment realiser une bande pareille et comment on l'appelle?
Dans une explication detaillée, chers amis du zero, je vous prie de bien vouloir m'aider à le realiser.
Merci



A voir également:

3 réponses

Réponse 1 / 3
zagaga Messages postés 45 Statut Membre 34
  
<head>
<style type='text/css'>
	body{
	margin:0px;
	padding:0px;
	}
	#bar{
	width:100%;
	background:#303030;
	padding-top:6px;
	padding-bottom:6px;
	box-shadow:grey 0px 2px 7px;
	-webkit-box-shadow:grey 0px 2px 7px;
	-moz-box-shadow:grey 0px 2px 7px;
	-o-box-shadow:grey 0px 2px 7px;
	}
	#menu{
	width:990px;
	margin:auto;
	}
	#item{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:3px;
	color:white;
	font-size:12px;
	font-family:arial;
	cursor:hand;
	display:inline;
	}
	#item:hover{
	border-bottom:3px solid red;
	}
</style>
</head>
<div id="bar">
	<div id='menu'>
		<div id='item'>
			Accueil
		</div>
		<div id='item'>
			Forum
		</div>
		<div id='item'>
			Astuces
		</div>
		<div id='item'>
			Telecharger
		</div>
		<div id='item'>
			Actualites
		</div>
		<div id='item'>
			Dossiers
		</div>
		<div id='item'>
			Guide d'achat
		</div>
		<div id='item'>
			Annuaire web
		</div>
		<div id='item'>
			Notices
		</div>
		<div id='item'>
			Entreprises
		</div>
	</div>
</div>


Un truc comme ça devrait aller, j'ai simplifié le code, je n'ai pas mis de JavaScript.
La compatibilité n'ai pas garantie sous Internet Explorer...
Mais sous Safari, Chrome, Firefox et Opera sa roule.

J'espère que sa pourra t'aider.
Si tu as des question, n'hésite pas.
1
Réponse 2 / 3
2I++ Messages postés 793 Statut Membre 53
 
Merci zagaga, ça marche .
Mais que signifie item et quel est son utilité.
0
Réponse 3 / 3
zagaga Messages postés 45 Statut Membre 34
 
'item' est un ID tout comme 'menu', c'est pour le css... J'aurais pu mettre une class à la place, ça reviendrait au même..
0