boîte déroulante HTML et CSS
la partie CSS
à coller entre <head>
et
</head>
:
<style type="text/css">
.conteneur3 { border: 2px solid rgb(0, 18, 252);
width: 240px;
height: 160px;
}
.floatleft3 { border: 1px solid rgb(255, 102, 0);
padding: 10px;
background: rgb(253, 255, 169) url(html/ima/fd.gif) repeat fixed left
top;
float: left;
width: 240px;
height: 140px;
overflow: auto;
font-family: Arial,Helvetica,sans-serif;
color: rgb(102, 255, 255);
font-weight: bold;
font-style: normal;
text-transform: none;
text-align: left;
text-decoration: none;
font-size: 12px;
display: inline;
visibility: visible;
clear: none;
}
</style>
Partie
Html
à coller entre les balises
ou tags <body>
et </body>
<div class="conteneur3" align="left">
<div class="floatleft3" align="left"><br>
<p class="lol">La création d'une
boîte<br>
déroulante est super simple.<br>
Un script facile à mettre en place.<br>
Pas d'indications particulières pour ce script html.
<br>
<br>
<br>
Bon amusement.<br>
Bon bec</p>
<br>
<br>
<br>
</div>
</div>
Si vous avez une ou des recherches à faire, utlisez Google. Pour revenir à cette page utiliser le bouton retour de votre navigateur.
Savez-vous que vous pouvez utiliser google comme calculatrice ? Tapez, par exemple : 11+6, ou même un autre calcul plus complexe. Un dossier sur les astuces de recherches Google et les "trucs" PC sont à votre disposition directement ICI.
Titre de la page : Création d'une boîte déroulante HTML et CSS
Le site visiograf.org a été réalisé avec le souci de correspondre aux normes du W3C, pour vérifier la validation HTML 4.01 Transitional copiez l'adresse de la présente page : http://www.visiograf.org/html_boite.html cliquez ici et collez cette adresse dans le champ Address:, de la rubrique Validate by URL puis cliquez sur Check
pour vérifier la validation CSS 2.1 cliquez ici, et collez de nouveau l'adresse dans le champs Adresse: puis cliquez sur Vérifier
