J'ai a nouveaux un problème, voici les codes :
CODE HTML :
<!DOCTYPE html">
<html lang="fr">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="test5.css" />
<!--[if IE]>
<style type="text/css">
html pre
{
width: 636px ;
}
</style>
<![endif]-->
<title>Test</title>
</head>
<body>
<nav>
<ul id="menu">
<li><a href="#">Etape n°1</a></li>
<li><a href="#">Etape n°2</a></li>
<li><a href="#">Etape n°3</a></li>
<li><a href="#">Etape n°4</a></li>
<li><a href="#">Etape n°5</a></li>
</ul>
</nav>
</body>
</html>
CODE CSS :
ul#menu
{
height: 35px ;
width: 600px;
margin: 0 ;
padding: 0 ;
background: url(http://imageshack.us/a/img607/5387/gcx.gif) repeat-x 0 -25px ;
list-style-type: none ;
}
ul#menu li
{
float: left ;
text-align: center ;
}
ul#menu li a
{
width: 100px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #dea ;
text-align: center;
display: block ;
}
ul#menu li a:hover
{
background: url(http://imageshack.us/a/img607/5387/gcx.gif) repeat-x 0 0 ;
}
Si vous les utilisez, vous verrez qu'après le bouton "étape 5", il y a une barre et je voudrais savoir enlever juste la dernière barre sans enlever les autres bien sur ?
Si je l'enlève pas, quand je centre tout ben du coup a droite il y l'épaisseur de la bordure de mon cadre qui englobe tout + l'épaisseur du trait et sa se voit trop.
CODE HTML :
<!DOCTYPE html">
<html lang="fr">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="test5.css" />
<!--[if IE]>
<style type="text/css">
html pre
{
width: 636px ;
}
</style>
<![endif]-->
<title>Test</title>
</head>
<body>
<nav>
<ul id="menu">
<li><a href="#">Etape n°1</a></li>
<li><a href="#">Etape n°2</a></li>
<li><a href="#">Etape n°3</a></li>
<li><a href="#">Etape n°4</a></li>
<li><a href="#">Etape n°5</a></li>
</ul>
</nav>
</body>
</html>
CODE CSS :
ul#menu
{
height: 35px ;
width: 600px;
margin: 0 ;
padding: 0 ;
background: url(http://imageshack.us/a/img607/5387/gcx.gif) repeat-x 0 -25px ;
list-style-type: none ;
}
ul#menu li
{
float: left ;
text-align: center ;
}
ul#menu li a
{
width: 100px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #dea ;
text-align: center;
display: block ;
}
ul#menu li a:hover
{
background: url(http://imageshack.us/a/img607/5387/gcx.gif) repeat-x 0 0 ;
}
Si vous les utilisez, vous verrez qu'après le bouton "étape 5", il y a une barre et je voudrais savoir enlever juste la dernière barre sans enlever les autres bien sur ?
Si je l'enlève pas, quand je centre tout ben du coup a droite il y l'épaisseur de la bordure de mon cadre qui englobe tout + l'épaisseur du trait et sa se voit trop.