Full Screen Background Image - Pure CSS Code « Paul Mason. This is a simple tutorial that teaches you how to create a full screen background image for any sized screen or browser window using pure css code. This method is cross-browser compatible and doesn't require any javascript or flash. View the Demo <body> <img alt="full screen background image" src="/background.jpg" id="full-screen-background-image" /> <div id="wrapper"> <p>Content goes here... </p> </div></body> Resources CSS3 full screen background image tutorial. Les colonnes factices.
Par Dan Cederholm Une des questions que l'on me pose le plus fréquemment à propos du design de mon site personnel est la suivante : Comment faites-vous pour que la couleur d'arrière-plan de la colonne de droite s'étende jusqu'en bas de la page ? En fait, l'idée est vraiment simple, c'est un concept que beaucoup parmi vous connaissent peut-être déjà. Pour les autres, la technique qui suit peut s'avérer une petite astuce bien pratique. L'étirement vertical Une des propriétés un peu frustrantes des CSS est le fait que, verticalement, les éléments s'étirent seulement aussi loin qu'ils en ont besoin. Cela devient un dilemme intéressant quand vous utilisez l'élément <div> pour diviser votre balisage, puis appliquez la feuille de style pour créer une mise en page en colonnes. Image 1 Il y a plusieurs techniques pour que ces colonnes apparaissent de longueurs égales, indépendamment de leur contenu.
La triche Image 2 La feuille de style Cette règle CSS élémentaire est ajoutée à l'élément body : Image 3. HTML XHTML -L'encodage et les caractères spéciaux. L'encodage des caractères Un bon exemple pour comprendre l'encodage des caractères est l'exemple du code morse. En morse, chaque caractère alphabétique est traduit par une de sons courts et/ou longs. Ainsi, 3 bips cours donnent un "S", 3 bip longs un "O", etc... En informatique, les caractères alphabétiques sont associés à des codes binaires, c'est à dire composés d'une suite de 1 et de 0. En ASCII, les caractères sont codés sur 7 bits, soit un code composé de sept chiffres qui sont tous égaux à 0 ou à 1.
A l'origine, les fichiers HTML sont faits pour être encodé en ASCII, c'est à dire sans caractères spéciaux. Ajourd'hui encore, utiliser cette table de conversion permet de se prémunir contre les incompatibilités. Les caractères spéciaux en HTML En HTML, tous les caractères spéciaux peuvent être remplacés par un code commençant par & (esperluète ou « et commercial ») et terminant par ; (point virgule). Ces caractères peuvent également être utilisés en majuscule : L'avantage de l'UTF-8. Mise en forme de texte. I. Introduction À l'origine, HTML devait décrire la structure du texte sans imposer sa représentation physique qui devait rester le choix de l'utilisateur et de son navigateur (voir le premier chapitre). Pour décrire la structure du texte, c'est à-dire la nature du contenu (nom, adresse...) on parle de formatage logique. Pour décrire la représentation physique du texte (gras, italique, taille des caractères...) on parle de formatage physique.
Ce second type de formatage, on le rappelle, n'est pas à conseiller, sauf s'il faut assurer la compatibilité avec les plus vieux navigateurs. Ce cours va présenter ces deux types de formatage et les balises qui leur sont associées. II. 1. Il s'agit ici des titres qui s'afficheront dans la page (et non dans la barre de titre comme la balise <title> précédemment) : ce sont les en-têtes de sections ou paragraphes. Il existe six niveaux de titres d'importance décroissante : <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. >Retour à la TdM Table 1. 2. A. B. 3. 4. 5. 1.
Apprendre et comprendre jQuery – 1/3 • Tous les articles. Tutoriels jQuery Introduction rapide et en douceur à l’utilisation d’une des bibliothèques JS à la mode. Ou comment ajouter une couche d’interactions simplement et proprement à vos pages. NB : ce billet sera divisé en trois parties. Publié il y a déjà trop longtemps… Introduction jQuery est une bibliothèque JS développée principalement par John Resig. Par bibliothèque on entend donc un ensemble cohérent de fonctions permettant de s’affranchir des tâches rébarbatives et répétitives de façon uniforme sur les navigateurs les plus courants.
Elle est sous licence GPL et MIT, et donc complètement réutilisable sur des travaux professionnels. Les navigateurs supportés sont : Firefox 1.5+Internet Explorer 6+Safari 2.0.2+Opera 9+ La bibliothèque est utilisée par exemple sur des sites comme : DellGoogle CodeDiggNBCAmazonMozillaWordPressDrupalSPIPThe Zend Frameworketc Par ailleurs cette bibliothèque est compatible (elle n’entre pas en conflit) avec d’autres.
Pré-requis Bases Appel <! Compression Une fonction etc. SVGround : tout sur SVG.