Créer et modifier les feuilles de style d'un site SPIP
(→Utiliser la balise #EXPOSE en lien avec une une feuille de style) |
(→Principe général) |
||
| Ligne 141 : | Ligne 141 : | ||
== Positionnement des blocs dans une page html == | == Positionnement des blocs dans une page html == | ||
=== Principe général=== | === Principe général=== | ||
| − | A la création de la structure d'une page html (et donc d'un squelette Spip), il s'agit | + | A la création de la structure d'une page html (et donc d'un squelette Spip), il s'agit de créer des blocs ''div'' délimitant les contours des différentes zones de la page : |
| − | + | * haut de page, | |
| − | + | * menu gauche, | |
| − | + | * pied de page, | |
| − | + | * encadrés... | |
| − | + | ||
| − | + | Il s'agit aussi de chercher un code modulaire, et de détacher en squelettes autonomes les invariants des pages. Ces parties de code seront appelées dans les pages à l’aide de l'instruction Spip INCLURE. Mais l'on sort des feuilles de style à proprement parler. | |
S'agissant des blocs, une différence très importante existe ceux dont la position est absolue (fixée en pixels, px) et ceux dont la position ne l'est pas (leur largeur est exprimée en %, par rapport à la dimension de la page écran). | S'agissant des blocs, une différence très importante existe ceux dont la position est absolue (fixée en pixels, px) et ceux dont la position ne l'est pas (leur largeur est exprimée en %, par rapport à la dimension de la page écran). | ||
