Outils pour utilisateurs
aide-memoire-html-css
Différences
Ci-dessous, les différences entre deux révisions de la page.
| — |
aide-memoire-html-css [2010/05/31 00:00] (Version actuelle) |
||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| + | ====== Aide mémoire xhtml, css, et javascript ====== | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | ===== CSS ===== | ||
| + | * [[http://www.yoyodesign.org/doc/w3c/css2/cover.html|CSS2 en français]] | ||
| + | |||
| + | |||
| + | * **position: absolute;** Le bloc sort du flux et se référe au conteneur parent avec les instructions top, right, left, bottom | ||
| + | * **position: relative;** le bloc reste dans le flux mais peut être déplacé par rapport à sa position normale dans le flux avec les instructions top, right, left, bottom | ||
| + | * **float: left;** Le bloc se positionne le plus à gauche possible dans le flux | ||
| + | * **float: right;** Le bloc se positionne le plus à droite possible dans le flux | ||
| + | * **clear: both;** Le bloc se positionne dans le flux sous tous les autres blocs. Cette propriété permet de spécifier si d’autres éléments flottant pourront se tenir à côté de l’élément sur lequel s’applique la règle. On peut lui donner les valeurs "none" pour qu’aucun élément ne puisse se tenir à côté de l’élément sur lequel est appliquée la règle, "left" pour empêcher le positionnement à gauche ou "right" pour empêcher le positionnement à droite. Cette propriété ne s’applique également que pour les éléments de positionnement "static" ou"relative". | ||
| + | |||
| + | |||
| + | |||
| + | ==== Liens ==== | ||
| + | |||
| + | * {{css_cheat_sheet.pdf|Aide mémoire Css}} | ||
| + | * [[http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_CSS|Référence css Mozilla]] | ||
| + | * [[http://openweb.eu.org/articles/initiation_flux/|Le positionnement sur openweb]] | ||
| + | * [[http://latarteauchips.free.fr/couleur/couleurs.php|les 256 couleurs du web]] | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | ===== xhtml ===== | ||
| + | |||
| + | * [[http://www.tuteurs.ens.fr/internet/web/html/bases.html#voc|Tutoriel xhtml de l'ENS]] | ||
| + | * [[http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html|Tutoriel xhtml et css sur le site du zero]] | ||
| + | * [[http://www.commentcamarche.net/html/htmlform.php3|Les formulaires]] | ||
| + | * www.lipsum.com - Générateur de Lorem Ipsum | ||
| + | |||
| + | ===== Javascript ===== | ||
| + | |||
| + | * [[http://bradblogging.com/jquery/9-jquery-slideshow-applications-you-cannot-miss/|jquery slideshows]] | ||
| + | * http://www.professorcloud.com - Des plugins de carrousel 3D, ... | ||
aide-memoire-html-css.txt · Dernière modification: 2010/05/31 00:00 (modification externe)
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Noncommercial-Share Alike 4.0 International
