Accueil | Internet |
Informatique | Créer
sa page perso | Glossaire | Menu | CSS
www.aidenet.com
| CSS Feuilles de style |
de la page |
Page - 70a1 |
applications
CSS et DHTML
Voici comment réaliser un cadre uni et les options
possibles
</HEAD><STYLE TYPE="text/css">
body
{background-color: #CCCCCC ; }#conteneur { font-family: arial, verdana, sans-serif ;
text-align: justify ; font-size: 10pt ; color: black ;
background-color: #FFFFFF ;
width: 95% ; padding: 15px ; }
a:link { font-weight:bold ; color: black ; }
a:visited {color: black ; }
a:hover { color: red ; text-decoration: none ; }
</STYLE></HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#9900FF" ALINK="#0000FF">
<center>
<div id="conteneur">
... / ... contenu normal ... </center>
</BODY>
</HTML>
Pour obtenir une meilleure présentation, n'hésitez pas à ajuster les couleurs des bandes de défilement (scroolbars), en conservant juste un petit contraste pour faciliter leur utilisation.
Vous définissez en premier avec BODY la couleur de fond de votre page, ici en gris clair = background-color: #CCCCCC ;
Ensuite avec le code du CONTENEUR vous définissez ensuite la largeur ce qui va laisser une bordure de la différence entre la page normale et son conteneur. Les autres définitions de police et couleurs... sont habituelles. Par contre pour ne pas que le texte colle au bord du conteneur vous pouvez fixer une valeur de PADDING, ici 15px.
Pour centrer le conteneur il en reste plus qu'à placer les balises <center> et </center> comme indiqué en rouge.
Tous droits réservés © 1997- 2005. www. aidenet.com
