Chargement...

Accueil Contact Menu

Les éléments flottants, Float CSS

Position Les pseudo class

Css permet une gestion d'éléments flottants. Un élément flottant est un élément qui sort du flux normal et est placé soit le plus à gauche soit le plus à droite possible.

Exemple:

	<style>
	#orange{ float:right; }
	</style>

Element flottant

Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte

	<style>
	#orange{ float:left; }
	</style>

Element flottant

Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte

Il est possible de faire suivre des éléments flottants:

	<style>
	#orange{ float:left; }
	#green{ float:left; }
	#violet{ float:left; }
	</style>

Element flottant 1

Element flottant 2

Element flottant 3

Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte

UNE QUESTION SUR L'ARTICLE?

Position Les pseudo class

Initiation

Un site web c'est quoi?Dév. back-end / front-end Que dois-je maîtriser ?Design /ergonomie web Navigateur Chrome L'éditeur de texte Installer serveur web Photofiltre OVH Hébergement FTP et filezilla Dictionnaire informatique

HTML

HTML c'est quoi?Créer une page web Les balises Les attributs Les tableaux Les listes Les images Les liens Les inputs Les formulaires Caractères spéciaux

CSS

CSS c'est quoi?Les sélecteurs L'héritage Les propriétés Les couleurs La police Les marges Position Flottant Les pseudo class Les unités de mesure Responsive design Astuces CSS Animations CSS

PHP

PHP c'est quoi?Mon premier script Les commentaires Variable Fonction Array / Tableau Loop / boucle Conditions GET et POST Cookies Sessions Variables serveur Dates

PHP Avancé

Syntaxe alternative Ecrire/Lire un fichier Expressions régulières POO PDO JSON XML Import / Export CSV Envoyer un mail Fonction récursive Convertir page web en PDF

Bootstrap

Bootstrap c'est quoi?La grille Les boutons Badges et Labels Images / Glyphicon Les alertes Responsive tables Tooltip Carousel Fenêtre dynamique Bootstrap wrap / Bootswatch Font Awesome

javascript / jQuery

jQuery c'est quoi?Javascript Les selecteurs Manipulation DOM Evènements Ajax Plugins jQuery Créer extension AngularJS

MySQL

Mysql c'est quoi?SQL SQL CREATE SQL INSERT SQL SELECT SQL UPDATE SQL DELETE PHPMyAdmin Les jointures Stocker mot de passe

Symfony 2

Introduction symfony Installer symfony Bundles (modules)Route Controller TWIG Assetic Bootstrap / Font Awesome AngularJS Doctrine / Entités Formulaires Mise en prod Bundles FOS Sécurité Services API REST

Prestashop

Installer eboutique Prestashop Gestion Prestashop Personnaliser Prestashop Modules Prestashop

Optimiser

En-tête HTTP / Cache SEO Référencement Encodage Sécuriser son site .htaccess URL Rewriting Sass Compass CoffeeScript Grunt Sitemap.xml Convertir images

Linux

Linux c'est quoi?Emuler Linux Installer Linux Ubuntu Les commandes linux Les droits utilisateurs Configurer Ubuntu Installer Apache MySQL PHP Installer Nginx + PHP5 FPM Configurer VHost Installer serveur SMTP Capture écran / gif

Site

Mentions légales

CSSW Apprendre à créer son site web