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 needs . É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.
[^] # Re: AlsaCréations et flexbox
Posté par Dreammm . Évalué à 10.
Pour comprendre le modèle flex-box en l'appliquant, je conseille l'excellent flexboxfroggy.
[^] # Re: AlsaCréations et flexbox
Posté par lelama . Évalué à 1.
Merci à vous pour ces liens. Je vais regarder ce concept de flex-box…
[^] # Re: AlsaCréations et flexbox
Posté par Jean-Philippe Garcia Ballester (site web personnel) . Évalué à 3.
Tu peux aussi regarder du côté de certains frameworks genre bootstrap ou foundation, qui permettent d'être à peu près sûr du positionnement. Tu gagnes du responsive en bonus.
[^] # Re: AlsaCréations et flexbox
Posté par raphj . Évalué à 4.
Pour ma part, dès que j'ai besoin d'utiliser les flex-box, j'utilise ça : https://css-tricks.com/snippets/css/a-guide-to-flexbox/ (en anglais)
Je trouve que les flex-box c'est vraiment bien foutu. Ça semble s'inspirer des toolkits graphiques traditionnels.
# Mise en page CSS
Posté par mrr . Évalué à 5.
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 Bastien Mourgues . É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 à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.