PEBKAC #9495

Aujourd'hui dans un fast-food, je surprends une conversation de trois étudiants que je suppose en école d'informatique, qui discutaient de design Web :

« J'ai du mal à gérer l'alignement des blocs sur le projet…
– Ah, les padding et margin ? Oui c'est compliqué, moi j'ai tout mis superposé dans le <body> et je gère l'affichage avec des z-index.
– Ah, je n'y avais pas pensé, c'est pas mal ! »

Ils comprendront bientôt pourquoi je leur ai fait une grimace… PEBKAC.

PEBKAC #9495 proposé par Op1um666 le 18/02/2014 | 13 commentaires | 👍🏽 👎🏽 +118

C'est génial comme concept, avec des lunettes 3D, tu vois tout le site dun coup :)

Commentaire #130405 écrit par spidermoon le 18/02/2014 à 08h36 | 👍🏽 👎🏽

Pff, pour un travail propre, sérieux, et surtout vintage, rien ne vaut les bonne vieilles balises <table>.

Commentaire #130407 écrit par Link le 18/02/2014 à 08h52 | 👍🏽 👎🏽

Doung-doung-douhoug!
Captain Obvious est demandé pour expliquer le PEBKAC aux noobs en développement. Je répète:
Captain Obvious est demandé pour expliquer le PEBKAC aux noobs en développement.
Merci de votre attention.

Commentaire #130408 écrit par Fox le 18/02/2014 à 08h55 | 👍🏽 👎🏽

Bah, ce sont des étudiants, ils apprendront et retiendront,... enfin j'espère.

Commentaire #130409 écrit par val070 le 18/02/2014 à 08h56 | 👍🏽 👎🏽

« j'ai tout mis superposé » explique assez bien la situation. Le z-index sert juste a savoir lequel est au dessus et donc visible.

Commentaire #130410 écrit par BSK le 18/02/2014 à 09h05 | 👍🏽 👎🏽

et avec quelques <MARQUEE> autour.

Commentaire #130413 écrit par juu le 18/02/2014 à 09h11 | 👍🏽 👎🏽

En raison de PEBKACs sur la voie, nous viendrons vers vous avec 3h30 de retard.
Merci de votre compréhension.

Commentaire #130422 écrit par mini le 18/02/2014 à 09h27 | 👍🏽 👎🏽

Les margins/padding définissent les marges intérieures et extérieures d'un élément. Cela peut influencer sur l'alignement entre des éléments de différentes tailles, mais c'est un peu tiré par les cheveux.
Par contre le z-index gère les "couches" d'affichage: si tu as deux éléments qui sont l'un au dessus de l'autre sans z-index, le z-index permettra de définir lequel est au dessus de l'autre.

Commentaire #130423 écrit par Androc le 18/02/2014 à 09h28 | 👍🏽 👎🏽

Voilà. Pas de PEBKAC, les meilleurs sont passés par là tôt ou tard.. :o)

Commentaire #130424 écrit par Kom.ic le 18/02/2014 à 09h35 | 👍🏽 👎🏽

Pifenmoins aussi. Mais lui c'est l'exception qui confirme la règle.

Commentaire #130437 écrit par Aaargh!!! le 18/02/2014 à 10h17 | 👍🏽 👎🏽

Ptit joueur !
<blink> FTW /o/

Commentaire #130444 écrit par Ishido le 18/02/2014 à 10h27 | 👍🏽 👎🏽

Je t'ai vu venir comme le nez au milieu de la figure.
J'ai toujours eu du nez pour ce genre de chose.
Je ne dis pas ça au pif.
Nezpère pas que je vais m'arrêter là!
Je nezuis pas de ce genre!

Je pourrais continuer mes jeux de mots sur "pif" et "nez" toute la journez, mais je nez plus le temps, je dois aller dejeunez. Bonne chance, c'est pifacile de continuer pour faire dire son pseudo à Aaargh!!! avant qu'il nez s'écroule parce qu'il pense trop à sa nezmésis.

Mais je peux continuer après manger, pour moi c'est pif-pif bourricot.

Trolldi me manque.... =)

Commentaire #130473 écrit par Fox le 18/02/2014 à 12h30 | 👍🏽 👎🏽

Pour faire simple, en web on affiche les éléments relativement les uns par rapport aux autres et sous forme de calques. Comme avec beaucoup de moteurs de rendu.
Alors que les calques sont utilisés pour les images.
Si tu forces un affichage absolu, ton rendu n'est absolument pas dynamique et il te sera impossible de faire cohabiter différents éléments de la page.

L'alignement se gère a coup de float, table, de propriétés d'alignement ou de flexbox... les margin et padding servent essentiellement pour la forme et non la structure.

Commentaire #130795 écrit par Cartman34 le 19/02/2014 à 17h55 | 👍🏽 👎🏽