A voir également:
- Header css
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Css exposant ✓ - Forum CSS
- Enlever trait sous un lien href ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
- Css download - Télécharger - HTML
5 réponses
Hello,
voila:
voila:
<html>
<head>
<style type="text/css">
body{
margin:0;
padding:0;
}
header{
display:block;
width:100%;
background-color:#888;
height:140px;
}
</style>
</head>
<body>
<header>
</header>
</body>
</html>
Re,
Voici pour la nav:
Voici pour la nav:
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
body{
margin:0;
padding:0;
}
.centreur{
position:relative;
width:960px;
margin:0 auto;
}
header{
display:block;
width:100%;
background-color:#888;
height:140px;
}
header .centreur{
height:140px;
}
nav{
display:block;
width:100%;
background-color:#444;
height:40px;
line-height:40px;
position:absolute;
bottom:-20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
nav ul{
list-style:none;
margin:0;
padding-left:10px;
}
nav ul li{
display:inline;
margin:0 10px;
}
nav ul li a{
text-decoration:none;
color:#fff;
font-size:1.1em;
font-variant:small-caps;
padding:5px;
/*Juste pour rendre le tout plus zôôôôli*/
/*Bords arrondis*/
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
/*Effet de transition au survol de la souris*/
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
nav ul li a:hover{
background-color:#222;
}
</style>
</head>
<body>
<header>
<div class="centreur">
<nav>
<ul>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">Formation</a>
</li>
<li>
<a href="#">Expériences</a>
</li>
<li>
<a href="#">Compétences</a>
</li>
<li>
<a href="#">Loisirs</a>
</li>
<li>
<a href="#">Liens</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</nav>
</div>
</header>
</body>
</html>
Hello,
Peux-tu nous donner ton code HTML/CSS actuel pour qu'on puisse te dire les modifs a effectuer dessus stp ?
Peux-tu nous donner ton code HTML/CSS actuel pour qu'on puisse te dire les modifs a effectuer dessus stp ?
Le code CSS :
Le code HTML :
/** BODY **/
body {
background-color: #FFEAEA;
font-family: 'Trebuchet MS', Arial, sans-serif;
color: #181818;
}
header {
height: 250px;
display: block;
background-color: #E0CDA9;
}
Le code HTML :
<body>
<header>
</header>
</body>
<!-- END HEADER --
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question