Outils pour utilisateurs

Outils du site


aide-memoire-html-css

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

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)