CSS 2. Pratique du design web by GOETTER Raphaël

Auteur:GOETTER Raphaël [Raphaël, GOETTER]
La langue: fra
Format: epub
Tags: Informatique
Éditeur: O'Reilly
Publié: 2007-03-09T16:04:11+00:00

Les feuilles de styles CSS

110

DEUXIÈME PARTIE

Positionnons absolument le second paragraphe en top: 0 et left: 0 :

p#second {

position: absolute;

top: 0;

left: 0;

width: 150px;

height: 50px;

background: green;

}

Figure 7–10

Positionnement

absolu (I)

La figure 7-10 illustre le résultat : le second paragraphe prend place en haut à gauche

du document, sortant même de la boîte de son parent le bloc <div>. En remplaçant

la règle left: 0 par right: 0, on obtient la figure 7-11.

p#second {

position: absolute;

top: 0;

right: 0;

width: 150px;

height: 50px;

background: green;

}

Figure 7–11

Positionnement

absolu (II)

Télécharger

Déni de responsabilité:
Ce site ne stocke aucun fichier sur son serveur. Nous ne faisons qu'indexer et lier au contenu fourni par d'autres sites. Veuillez contacter les fournisseurs de contenu pour supprimer le contenu des droits d'auteur, le cas échéant, et nous envoyer un courrier électronique. Nous supprimerons immédiatement les liens ou contenus pertinents.