Scribd Logo
Importer

Bienvenue sur Scribd !

  • P 2

    Transféré par

    PROF PROF
    10 vues3 pages
    devoir bac

    Titre original

    p2

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    devoir bac

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    10 vues3 pages

    P 2

    Transféré par

    PROF PROF
    devoir bac

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3
    Références CSS ~ ‘Autres WSC + Page daccuell CSS documents f Spécifcalion cSs1 < ‘et Spécification décrivant des . css2 Inisas on page + Totals oss se Mise en page sans > Références CSS otez que a tableau Pas a Pas Speaicaton CSS2 + Page daccusll CSS pour afficher dos Résumé et status ‘et Spécification Eiéments en eslannes oss etlignes, mais son > Tutoriels CSS implémentation n'est Le mésusage de tableaux en HTML a des fins de malheureusement pas mise en page a été pointée du doigt de nombreuses {ras largement fois. Cette page décrit une solution pour créer une pitusée: mise en page en 2 colonnes utilisant uniquement les La solution décrite on feuilles de style CSS. est une parmi bien autres Merci d'envoyer vos commentaires et suggestions & * différentes Dominique Hazaél-Massieux. La version anglaise est echnioues de mise la version originale et maintenue de ce document, enpage oss 28 d'ou d'autres traductions sont liées. prenant en compte les bogues dans les, Introduction implémentations + Mise en page CSS niveauvavancé.pas/ HTML est un langage structurel, c'est-a-dire quill est pas (ou du moins devrait étre) utilisé pour ajouter de la + le réservoir de mise esos structure a un texte par le biais de balises. La balise table devrait ainsi n’étre utilisée que pour formatter des données en tableau, reliant colonnes et lignes. Mais depuis l'apparation des tableaux en HTML, ces derniers ont été trés souvent utilisés a des fins de mise en page, en général pour diviser une page en colonnes. Outre le fait que cela va a l'encontre de la sémantique du HTML, cela pose d'autres problames résidant principalement dans la difficulté de lire ou diafficher le code des tableaux dans certains contextes (problémes d'accessibilité, limite des dimensions des navigateurs, ...). Ce document décrit une solution pour créer une mise en page a 3 colonnes et contient des liens vers d'autres techniques de mise en page sans tableaux Description de la mise en page La technique décrite ci-dessous est utilisée dans la page pour les nouveaux visiteurs du site du W3C et permet de construite une mise en page a 3 colonnes, avec les caractéristiques suivantes : + le texte au centre de la page est celle qui vient en premiére place dans le code, ce qui implique que cest la premiére visible dans les navigateurs nimplémentant pas CSS2 ou pour les navigateurs non visuels + les colonnes de gauche et de droite suivent dans cet ordre Cette mise en page est particuliérement adaptée pour les pages d'accueil, en ce quelle permet d'avoir un texte complet au centre et les listes de liens sur les cétés. II faut toute fois noter qu'elle ne marche pas dans les implémentations ayant un support CSS trop peu conforme a la specification, mais s‘adapte sous la forme d'une mise en page verticale, Cette méme page utilise cette technique, pour donner une idée du résultat produit Implémentation Cette mise en page utilise le positionnement absolu CSS. iSoient 3 sections définies en HTML par
    ,
    @inport url(‘url-de-La-feuille-de-style.css");. Dominique Hazaél-Massieux, $id: csslayout- howto. html.frv 1.2 2002/11/19 20:31:00 dom Exp $

    Vous aimerez peut-être aussi