HTML4 > Squelette HTML5 + css3

Titre	Squelette HTML5 + css3
Postée le	25-10-2011
Affichée	284
Mini-lien
Description	HTML5 + css3 mais pb menu
Etat	Inconnu.

Code d'insertion

Options

Téléchargement

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Bienvenue sur mon site web sur l'informatique</title>
<link rel="stylesheet" media="all" href="includes/styles.css" />

<style>
header
{
width:500px;
border:1px solid #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;

background:#f7f7f7;
background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */

-moz-box-shadow:0 0 15px #aaa;
-webkit-box-shadow:0 0 15px #aaa;

margin:auto;
padding:10px;
}

nav
{
width:500px;
border:1px solid #ccc;

margin:10px auto;
padding:10px;
}

nav ul
{
margin:0;
padding:0;
}

nav ul li
{
list-style-type:none;
padding:5px;
float:left;
}

section
{
width:500px;
border:1px solid #000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

margin:auto;
padding:10px;
}

footer
{
width:500px;
border:1px solid #000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

margin:auto;
padding:10px;
}
</style>
</head>
<body>
<header role="banner">
MA BANNIERE

</header>

<nav role="navigation">
<ul>
<li>Accueil</li>
<li>Informatique</li>
</ul>
</nav>

<section role="main">
<p>
MON TEXTE
</p>
</section>

<footer>
MON FOOTER
</footer>
</body>
</html>

HTML4 > Squelette HTML5 + css3

HTML5 + css3 mais pb menu