Journal Positionnement avec css

Posté par . Licence CC by-sa
Tags :
11
9
fév.
2016

Cher Journal,

J'ai beaucoup galéré dans le positionnement des objets html avec css. Les objets changeaient de position de façon aléatoire quand je changeais un paramètre. J'ai fini par retomber sur mes pattes, a coups d'essais/erreurs et de blog divers.

J'ai donc fait une prise de notes, qui sera peut être utile a ceux qui sont passés par les mêmes tourments.

Par ici pour la lecture

Cher journal, si tu connais une documentation "plus pro" qui décrit bien l'algorithme derriere css, merci de me donner quelques liens.

  • # AlsaCréations et flexbox

    Posté par . Évalué à 10.

    AlsaCréations est un site en français connu de longue date pour la qualité de ses articles. Voici leur article sur le positionnement. Je t'invite aussi à jeter un coup d’œil aux flex-box, c'est très simple, plaisant à utiliser et résout bon nombre de problèmes de positionnement.

  • # Mise en page CSS

    Posté par . Évalué à 5.

    Cher journal, si tu connais une documentation "plus pro" qui décrit bien l'algorithme derriere css, merci de me donner quelques liens.

    Personnellement, je me sers souvent de ce site et de MDN lorsque je fais des mises en page.

    Envoyé depuis ma Debian avec Firefox

  • # Choix des unités

    Posté par . Évalué à 1.

    Salut, pour faire suite à ton chapitre sur le choix des unités, je peux me tromper, mais le choix du "fixe" (je comprends px) n'est pas forcément conseillé.

    En effet, tu ne connais pas la taille de l'écran que va utiliser ton lecteur, ni la taille de police qu'il va vouloir (fonction zoom du navigateur, essaie le 500% pour tester le rendu de ton site en mode extrême). Les tailles "imposées" peuvent ne pas coller avec ces contraintes …

    Enfin, globalement, les nouvelles propriétés qu'amène CSS3 devraient résoudre pas mal des problèmes que tu cites sur l'alignement et le placement des objets.

    Merci pour ton post, les contributions et liens trouvés dans les commentaires sont très intéressants !

    Pour ma part, je peux te conseiller le site w3school :
    http://www.w3schools.com/css/default.asp

Suivre le flux des commentaires

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