HTML4 > Squelette HTML5 + css3

TitreSquelette HTML5 + css3
Postée le25-10-2011
Affichée284
Mini-lien
Description

HTML5 + css3 mais pb menu

EtatInconnu. Inconnu.
Code d'insertion
Options
Afficher les numéros de lignes  Mettre la source en plein ecran  Selectionner la source  Partager sur Facebook 
Téléchargement Telecharger en format txt  Telecharger en format pdf  Telecharger en format html
Plein ecran
<!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" />
                <!--[if lt IE 9]>
                        <script src="includes/html5ie.js"></script>
                <![endif]-->
                <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>