Journal Apprendre à utilser les 'div'

Posté par  .
Étiquettes : aucune
0
29
mai
2003
Bonjour,

Je suis en train de retravailler quelques scripts php, et tant que j'y suis, j'aimerais remplacer la structure de ma page html. J'avais utiliser des tableaux pour gérer mes menus, etc. Apparemment, c'est mieux d'utiliser les balies . Et donc, je suis en train de m'y mettre.
Quelqu'un peut me conseiller des références pour voir comment cela fonctionne (j'ai un peu de mal à reproduire un menu avec des div ;-((
Si vous connaisser des sites qui ont une structure claire au niveau des sources, ce serai pas mal (donc avoir accès au css pour savoir quels sont les options à passer à div).
Un grand merci d'avance !

  • # Re: Apprendre à utilser les 'div'

    Posté par  . Évalué à 3.

    Y'a tout ce qu'il te faut sur http://www.openweb.eu.org/(...)

  • # Re: Apprendre à utilser les 'div'

    Posté par  . Évalué à 2.

    Tout d'abord un petit point de vocabulaire. De nombreuses personnes parlent de "HTML avec des div" pour désigner l'HTML alors qu'il faut parler de "HTML avec des CSS". Les balises div ne sont en effet pas les seules à pouvoir avoir une classe ou un id CSS, toutes les balises le peuvent ! D'ailleurs dans le cas d'un menu on devrait utiliser des h1, h2, h3 avec des p ou bien des listes plutôt que des div.
    Pour faire des simples menus, openweb est en effet un exemple parfait. Pour des menus déroulants en CSS, tu peux regarder des exemples sur http://allergy.alrj.org/CSS/test.xhtml(...) ou http://www.meyerweb.com/eric/css/edge/menus/demo.html(...) .

    • [^] # Re: Apprendre à utilser les 'div'

      Posté par  . Évalué à 2.

      Juste, mais je ne m'en suis rendu compte qu'après avoir lu les quelques pages consacrées au positionnement sur le site Openweb.
      Et merci pour les liens ! Je jetterai un coup d'oeil ... prolongé ;-))

    • [^] # Re: Apprendre à utilser les 'div'

      Posté par  (site web personnel) . Évalué à 3.

      Oui mais ne peut-on pas faire du XHTML strict avec du CSS, sans aucune balise "div" et uniquement des balises "table", "tr" et "td" :-)

      • [^] # Re: Apprendre à utilser les 'div'

        Posté par  . Évalué à 2.

        koi du positionnement avec des tableaux ?!! heretique !!! brulez le !!!!

        Dam

      • [^] # Re: Apprendre à utilser les 'div'

        Posté par  (site web personnel) . Évalué à 1.

        Je te conseille d'essayer de te passer des tableaux le plus possible.
        Au début c'est (très) dur, mais après on s'y retrouve.
        Je dirais que c'est plus des habitudes à casser et à prendre...

        Par exemple, dans le dernier site que j'ai fait en stage, je crois qu'il y a 4 tableaux dans tout le site (avant y en avait 4 par page....)

        Le plus chiant quand tu te fais "la totale css", c'est qu'il faut tout définir : marges du haut, bas, etc... pour tous les éléments !

        Par contre, là où tu gagnes bcp, c'est quand on te dit : "je trouve que le titre est trop bas, etc...", avec les mises en pages faites avec des tableaux, c'est chiant, il faut trifouiller 50 trucs avant d'arriver au but, là tu dis bougez pas à la personne qui fait la remarque, tu enlèves qq pixels à la marge de ton titre, et le résultat est immédiat !

        ++

        • [^] # Re: Apprendre à utilser les 'div'

          Posté par  . Évalué à 2.

          C'est pas uniquement dans ce but là que le css existe. Son but premier est de rendre le site plus accessible, et je m'explique. Le w3c a créer css pour faire une abstraction entre les données de la page et sa 'mise en page' (les positions, les aspects, la couleurs des éléments plutot) car c'est plus mieux pour le client car il a le choix.

          Un exemple: j'ai créer une jolie page, avec des couleurs, image de fond etc. maintenant un autre type faut imprimer ta page, conclusion il doit copier/coller le texte etc pour le mettre en page comme il veut. si j'ai bien fais mon site, quand lui précisera une autre css (p {color: black} body {background-color: white} par exemple) la page s'imprimera bien si les style sont bien séparer de la page. plein d'autre exemple : police trop petite, accesibilité etc

          www.w3c.org pour plus d'info ;)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.