optimisation moteurs
 

La création d'une boîte
déroulante avec HTML et CSS est super simple.
Un script facile à mettre en place.
Pas d'indications particulières pour ce script HTML CSS.


Bon amusement.
Bon bec










 
 
 
 
 

Menu vitrines

Plan du site

Annuaires

Recettes

Aide création site

CSS feuille style

Moteur/rech.

Vidéo comi.

 
 

Html, la boîte déroulante sans javascript


 

boîte déroulante HTML et CSS


Exemple 1 CSS

Boutons sans java script

boîte déroulante

Plan du site


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.

Google

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

Valid HTML 4.01 Transitional




Creative Commons License       Contact    Haut de page