Très joli bloc générique de site

Le div de contenu (content)

Les images et légendes sont des éléments de listes.

  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu
  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu
  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu
  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu
  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu
  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu
  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu
  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu
  • Jouet de parc de jeu avec ballon à air chaudJouet de parc de jeu

Les images forment des rangées et des colonnes en fonction de la largeur de la fenêtre du navigateur. Essayez de redimensionner votre navigateur et voyez ce qui se passe. (Ce paragraphe a une règle clear: left qui l'amène sous les images flottées au-dessus).

La liste non ordonnée qui sert à créer la galerie de vignettes a un id valant « thumb », qui appelle la règle suivante :

#thumb {
list-style: none;
margin: 0px;}

Les éléments de liste ont le style de la règle suivante :

#thumb li {
float: left;
display: inline;
font-size: small;
text-align: center;
margin: 2px;
padding: 2px;
height: auto;
width: 75px;
border-top: 1px solid #666;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
border-left: 1px solid #666;}

Le bandeau interne (innersidebar)

  • lien
  • lien
  • lien
  • lien

Trucs et choses

Le bandeau interne utilise la règle suivante :

#innersidebar {
float: left;
width: 35%;
}