Aller au contenu

CSS, besoin d'aide

RetroBoy

Par RetroBoy
dans Programmation et Lignes de code

Messages recommandés

RetroBoy Débutant

RetroBoy

Posté(e)
Posté(e)

Bonjour ! je debute en CSS et (x)HTML, enfin j'en ai fait a la fac mais j'ai envie d'appliquer tout ça maintenant , la theorie c'est marrant deux minutes mais pas plus lol. Donc depuis quelques jours j'ai ecumer divers tutoriaux ou autres site sur les CSS et xhtml, mais il a quelque chose que je n'arrive pas a faire, c'est un menu comme ce site par exemple : www.jeuvideo.com, c'est a dire que lorque l'on passe la souris sur "astuces" par exemple, la couleur de fond de astuce change sur tt la longueur (et ne s'arrete pas a la derniere lettre contraiment a mes essai) et l'on peut cliquer sur la 'zone' ou se trouve astuces, sans avoir besoin d'etre precisment sur les caractere qui composent astuces, et tout ça je ne sais pas faire :chinois:

voilà désolé si je ne suis pas tres clair, ou si ma question est un peu bete.

d'avance merci !

Lien vers le commentaire
Partager sur d’autres sites
Sentinel Collaborateur

Sentinel

Posté(e)
Posté(e)

Un petit exemple :

HTML :

<html>
<head>
<title>Test de menu</title>
</head>
<body>
<div id="menucontainer">
	<ul id="navlist">
		<li id="active"><a href="#">Menu 1</a></li>
		<li><a href="#">Menu 2</a></li>
		<li><a href="#">Menu 3</a></li>
		<li><a href="#">Menu 4</a></li>
	</ul>
</div>
</body>
</html>

CSS :

#menucontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
}

#menucontainer ul li 
{ 
display: inline;
}

#menucontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#menucontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

Et voilà :)

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×
×
  • Créer...