Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

  aide gratuite page perso Accueil  | Internet | Informatique | Créer sa page persoGlossaireMenu | CSS  |  Sonnerie portable
www.aidenet.com

 

CSS
Feuilles de style
Positionnement absolu
de paragraphe (1)

Page - 36a  www.aidenet.com

 


paragraphe en absolu

Texte formaté normalement suivant code HTML

Avec ce type de positionnement qui est le plus rencontré, le placement d'un objet consiste à créer une boîte indépendante du reste du contenu de la page, dans laquelle on place du texte ou des images. Il se trouve très souvent utilisé car il est le plus précis et on obtient d'excellents résultats. Ce positionnement est déterminé par rapport au coin supérieur gauche de la fenêtre du navigateur.

Texte formaté avec positionnement absolu
Avec ce type de positionnement qui est le plus rencontré, le placement d'un objet consiste à créer une boîte indépendante du reste du contenu de la page, dans laquelle on place du texte ou des images. Il se trouve très souvent utilisé car il est le plus précis et on obtient d'excellents résultats. Ce positionnement est déterminé par rapport au coin supérieur gauche de la fenêtre du navigateur.

 

 

Exemple 1 : Boîte à l'état brut, sans padding, ni border ni margin.

 

 

 

Texte formaté avec positionnement absolu et background-color
Avec ce type de positionnement qui est le plus rencontré, le placement d'un objet consiste à créer une boîte indépendante du reste du contenu de la page, dans laquelle on place du texte ou des images. Il se trouve très souvent utilisé car il est le plus précis et on obtient d'excellents résultats. Ce positionnement est déterminé par rapport au coin supérieur gauche de la fenêtre du navigateur.

 

Exemple 2 : Boîte à l'état brut, sans padding, ni border ni margin. Une couleur pour bien visualiser que la boîte correspond juste au texte.

 

 

 

 

 

Code de cette page entre <HEAD> et </HEAD>

<style type="text/css">
body
{
text-align:justify ;
font-family: arial, verdana, trebuchet MS,sans-serif ;
font-size: 10pt ;
color: black ;
background-color: #FFFFFF ;
}
.un
{ position:absolute ;
left:30px ;
top:550px ;
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 10pt ;
color: #000000 ;
width:92% ;
}
.deux
{ position:absolute ;
left:30px ;
top:765px ;
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 10pt ;
color: #000000 ;
background-color: #FFFF00 ;
width:92% ;
}
</style>

Code appliqué aux paragraphes dans BODY

<p class="un"><b>Texte ......... </p>

<p class="deux"><b>Texte ......... </p>

 

 

 

 aide gratuite

Tous droits réservés © 1997- 2006. www. aidenet.com

 

validateur HTML  validateur CSS
DERNIERS MESSAGES DU FORUM
Buy Tizanidine no prescription cod.Cheap Tizanidin... [Appareils photos numériques]
Elavil without prescription cod.No prescription co... [Appareils photos numériques]
Aricept overnight no consult.Non presciption Aricept. [Livres / BD / Comics]
Cheap Symbicort Next Day Overnight Fedex Delivery... [Mobilité]
Ofloxacin without a prescription.Buy Ofloxacin online. [Le Bistrot]
How Much Celexa. Celexa Cod Saturday. Buying Celex... [Fournisseurs d'accès]
Buy Macrobid cod delivery.Cheap Macrobid without rx. [Sécurité - Virus]
Cheap Cialis Next Day Overnight Fedex Delivery Ord... [Sécurité - Virus]
Acomplia u.p.s shipping cod.Prescription mastercar... [Réseaux]
Buy Erythromycin cod delivery.Cheap Erythromycin w... [Livres / BD / Comics]
Fedex Amoxicillin without priscription.Amoxicillin... [Achats / Ventes]
Advair u.p.s shipping cod.Prescription mastercard... [Sécurité - Virus]
Tetracycline overnight no consult.Non presciption... [Logiciels]
I want to order Lasix without a perscription.Onlin... [Matériel]
Yaz fedex without prescription.Yaz cheap overnight... [Logiciels]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma Test QI - Test QI gratuit
Tous droits réservés © 1997-2008. www.aidenet.com