Mise en page css

2280 mots 10 pages

Div et CSS : une mise en page rapide et facile par Pierre-Baptiste Naigeon

Date de publication : 19 Avril 2006 Dernière mise à jour : 04 Mai 2006

La mise en page en utilisant des tableaux est fortement déconseillée. Mais comment faire autrement ? Cet article va vous expliquer pas à pas comment arriver aux même résultats, le plus simplement du monde.

Div et CSS : une mise en page rapide et facile par Pierre-Baptiste Naigeon

Introduction I - Page simple : bandeau, contenu, pied de page. II - Ajout d'une barre de menu à gauche du contenu. III - Je voudrai séparer verticalement mon menu en deux blocs égaux... Je peux ? IV - Et un encart de news en haut à droite de mon contenu, sans que ca prenne toute la hauteur, c'est possible ?

-2Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre la page de présentation de ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2006 - Pierre-Baptiste Naigeon. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. http://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/ Div et CSS : une mise en page rapide et facile par Pierre-Baptiste Naigeon

Introduction
Tout au long de cet exercice, nous allons utiliser deux fichiers : • • index.html : contiendra tout notre code HTML. style_div.css : contiendra toutes les informations relatives au positionnement de nos différents blocs.

Pour inclure notre CSS dans notre page HTML, rien de plus simple, il nous suffit d'insérer le code suivant entre les balises et :

Définissons tout d'abord les propriétés de base de nos blocs. Dans notre fichier CSS : div { text-align:center; }

Ce petit bout de code définit simplement que pour

en relation

Littérature jeunesse crpe
1882 mots | 8 pages

Dans 3 500 mercredis Auteur : Annie Algopan/ Illustrations : Claire Franek Edition du Rouergue, 1999 I/ Présentation de l’album 1.Mon choix Il s’agit d’un album proposé dans la liste des ouvrages recommandés en littérature jeunesse pour le cycle 3. Œuvre que je n’ai, au départ, pas choisi, mais qu’un enfant de la classe a voulu présenter après une visite à la BCD, il l’a lu, j’ai eu envie de le relire le lendemain aux enfants, s’en est suivie une discussion de une heure sur des sujets très variés, mais avec lesquels, tous avaient un lien avec le sujet du livre (la vie, la mort, la maladie, la vieillesse et l’angoisse qu’elle peut représenter). D’autre part, j’apprécie les éditions du Rouergue pour la qualité de leurs illustrations et ce….

montre plus
Tinspire decouverte
4873 mots | 20 pages

Ce niveau permet de supprimer des pages, de les déplacer ou encore de sélectionner une page pour y accéder directement. Si on appuie sur x ou sur tionnée sera ouverte. ·, la page sélec-….

montre plus
Bep css
1552 mots | 7 pages

du nord situé sur la rive orientale de la mer Baltique au nord-est de la Pologne et au sud de la Lettonie. La Lituanie compte 10 villes principales. Elle est délimitée au nord par la Lettonie, à l'est et au sud par la Biélorussie, au sud-ouest par la Pologne et à l'ouest par la mer Baltique. Ce pays possède également de vastes étendues de marais, en particulier au nord et….

montre plus
tyuutu
824 mots | 4 pages

La présentation et la police d’écriture (times new roman, Arial, Comic) doivent être homogènes, /1 Un pied de page doit faire apparaître les noms, la classe ainsi que le titre du dossier, /1 Les pages doivent être numérotées /1 Vérifier l’orthographe /1 INTRODUCTION page 3 ACTIVITE 1 : REPERER LES SIGNAUX D’ACHAT page 4 Annexe 1 Annexe 3 ACTIVITE 2 : IDENTIFIER LES TECHNIQUES DE CONCLUSION page 5 Annexe 2 ACTIVITE 3 : PROPOSER DES VENTES ADDITIONNELLES page 6 Annexe 4 ACTIVITE 4 : PRENDRE CONGE page 7 Annexe 5 Introduction Je suis vendeur dans le magasin Alinéa, un commerce intégré, situé 2 rue Jacqueline Auriol dans le 54710 à Fléville-devant-Nancy, ce magasin est spécialisé dans l’ameublement et dans la décoration. Je suis affecté au rayon ameublement et mon responsable Melle Vin veut que je sois particulièrement attentif à la conclusion de la vente de ce faite, une problématique se pose à moi :….

montre plus
Dossier arts plastiques
837 mots | 4 pages

Dossier d’arts appliqués Christian Dior Parfums, Maquillage, Soins Dossier Introduction Page 3 Historique Pages 4,5 Analyse logo Page 6 Analyse Pub Page 7 Produits dérivés Page 8 Icône de la Marque Page 9 Comparaison Marque Page 10 Comparaison Prix Page 11 Conclusion Page 12 Introduction J’ai décidé de choisir Dior car c’est une marque reconnue et que j’utilise, parce que ses produits sont de bonne qualité. Cette marque mondialement connue possède comme toute autre grande marque ses icônes (Monica Belluci, Kate Moss, Marion Cotillard et d’autres …etc) [pic][pic] [pic] Historique Christian Dior né en 1905 en Normandie. En 1928, celui-ci ouvrit une galerie de peinture et exposa des œuvres de très grands artistes tels que Picasso, Salvador Dali, Jean Cocteau, etc... Vers 1935, il apprit les techniques du dessin de mode et….

montre plus
Synthèse css
523 mots | 3 pages

CSS = Cascading Style Sheet = feuille de style en cascade Pour lier une feuille de style : (à insérer dans la partie du document HTML). Une règle CSS s’écrit comme suit: sélecteur {propriété: valeur;} Par exemple : p {font-size: 11px;} Propriétés CSS vues dans le module : Propriété Valeur(s) Description font-family Arial, Helvetica, sans-serif Verdana, Arial, Helvetica, sans-serif "Times New Roman", Times, serif "Courier New", Courier, mono Georgia, "Times New Roman", Times, serif Geneva, Arial, Helvetica, sans-serif Définit la liste des polices de caractère appliquée au sélecteur font-size [valeur numérique] [px,pt,em,%,…]….

montre plus
Norman rockwell
355 mots | 2 pages

Il commençait par choisir un sujet, dont il faisait plusieurs esquisses et croquis pour élaborer l'idée de départ, puis il réalisait un dessin au fusain très precis au format identique à celui de la toile définitive. Il reportait ce dessin sur la toile et commençait la peinture proprement dite. Il peignait à la peinture à l'huile, très diluée à l'essence, chaque couche était recouverte de vernie à retoucher, ce qui aura des conséquences néfastes pour la conservation de certaines de ses toiles, le vernis jaunissant de manière irremédiable. Le style de Rockwell a été qualifié de Storyletter (naratif).….

montre plus
Economie
1537 mots | 7 pages

Sensei Ni Ageru - Chapitre 2 Traduction Page 1 [Je te ferai la page couleur x)] Page 2 - Au début, je l’ai embrassé parce que je pensais que je ne le reverrai plus… - Comme ça, il ne m’oublierait pas. - Mais… [T’as vu, on apparaît sur le sommaire de la page US xP]….

montre plus
Bep css
307 mots | 2 pages

1a.mon rôle de stagiaire Mon rôle de stagiaire : était de découvrir le monde du travail, ses difficulté, ses contraintes, ses avantages… Je me suis situé dans le rôle d’un ASEM donc j’ai effectué les même tache que celle-ci : l’entretien de la classe, passage au toilette, surveillance de la récréation, préparation des activités, encadrement de la classe… Je conssois que mes attentes au cours de ce stage que l’on me permette une certaine participation aux activités, lorsque celle si ne dépassais pas mes capacité. Et mes attente on pleinement été satisfaite.….

montre plus
Fiche la psychanalyse des contes de fées
1303 mots | 6 pages

orienter sa vie par de multiples aspects. Les contes de fées matérialisent ce qui est au plus profond de l'enfant, il peut donc ainsi plus clairement identifier et faire face aux difficultés que rencontre son esprit. De plus, au contraire des parents, ils font bien comprendre à l'enfant que dans la vie tout n'est pas rose et que parfois les obstacles que l'on doit surmonter font partie intégrante de la vie et….

montre plus
césar
316 mots | 2 pages

Ouvrez vos cahiers et écrivez « dictée ». Je prends ma plume et d’une main calme, je m’exécute. Je lève la tête et vois tous les regards rivés sur les copies. Personne ne bouge, on attend le début de la dictée. Delac, plus maniaque que jamais, a mis sa main pour cacher ce qu’il écrit.….

montre plus
Bep css
2642 mots | 11 pages

BEP Carrières sanitaires et sociales Exploitation pédagogique des PFE 2 SAN… PFE n°1 COMPTE RENDU DE PFE Situation professionnelle : Durant votre PFE du ….. au …….. , vous participerez à la vie de la structure qui vous a accueilli(e) et vous allez observer et réaliser des techniques professionnelles et des compétences professionnelles nécessaires à votre formation et à l’obtention de votre diplôme. A votre retour de PFE, vous aurez à rendre compte de cette expérience sous la forme d’un travail écrit que vous remettrez à votre professeur de STMS. Ce travail sera rendu le ………, il sera évalué et pris en compte au cours de votre formation.….

montre plus
Bep css
24195 mots | 97 pages

consult. comp. Article premier – Il est créé au plan national un brevet d’études professionnelles Carrières sanitaires et sociales. Art. 2 – Le référentiel caractéristique des compétences professionnelles et le programme de ce brevet d’études professionnelles figurent en annexe I du présent arrêté.….

montre plus
Candide
953 mots | 4 pages

La page de garde : Cette page est la couverture de votre dossier. Comme c’est la première page qui sera vue par votre lecteur, elle se doit d’être attractive. Mais attention elle doit aussi respecter des codes de représentation. Sont contenu est le suivant : • Titre du sujet traité avec éventuellement une image représentative de ce thème. • Vos noms et prénoms • Votre classe •….

montre plus
Compte rendu css
864 mots | 4 pages

Compte rendu N°3 I) Introduction : Ce compte rendu contient une feuille de style et une page html qui exploite les propriétés de la feuille CSS tout en les présentant. II) Code et commentaires :….

montre plus