Bienvenue sur PEBKAC.fr, le site qui recense les anecdotes où l’on se moque des utilisateurs ne maîtrisant pas l’outil informatique. PEBKAC est un acronyme signifiant « Problem Exists Between Keyboard And Chair ».
Le problème se situe entre la chaise et le clavier : soumettez vos histoires, donnez votre avis !
Ce site n'est pas le site original pebkac.fr. Je publie ici la liste des PEBKAC que j'ai pu sauvegarder avant que le site original ne soit mis hors ligne.
En me rendant sur un site particulier, je constate que le bouton pour se connecter est situé sur une barre qui reste en permanence en haut de l’écran, quel que soit notre position dans la page.
Il est impossible de faire descendre cette barre, mais il est également impossible de la décaler à droite ou à gauche. Or, le bouton est a l’extrémité droite de cette barre. Il est donc impossible de se connecter si la fenêtre ou l’écran sont trop étroits. PEBKAC.
PEBKAC #8183 proposé par greythaf le 17/07/2013 | 72 commentaires | 👍🏽 👎🏽 +171
.menuBar{
         position: fixed;
         right: 0;
         top: 50%;
         width: 8em;
         margin-top: -2.5em;
 }
 


CTLP.
Commentaire #102353 écrit par Shadam le 17/07/2013 à 08h39 | 👍🏽 👎🏽
Je déteste ce genre de placement. Un peut comme si le gars à la fin de l'article va dire tien j'ai envie de me connecter.
Commentaire #102355 écrit par but2ene le 17/07/2013 à 08h43 | 👍🏽 👎🏽
je constate que le bouton pour se connecter est situé sur une barre qui reste en permanence en haut de l'écran

J'ai pas l'impression qu'il parle de pebkac.fr
Commentaire #102356 écrit par Link le 17/07/2013 à 08h45 | 👍🏽 👎🏽
9gag avant qu'il ne change de design, c'était pire.
Si tu ne te connectais pas, un bouton rouge apparait (sur la barre, qui reste en haut si tu as suffisamment dézoomé) qui insistait sur le fait qu'il fallait se connecter/s'inscrire :p
Commentaire #102358 écrit par ROB le 17/07/2013 à 08h49 | 👍🏽 👎🏽
Mais, tu as réussi à observer cette impossibilité de se connecter en vrai, ou tu l'as juste déduit ?
Commentaire #102363 écrit par Alfred456654 le 17/07/2013 à 09h34 | 👍🏽 👎🏽
C'est quoi le site ?
Commentaire #102369 écrit par juu le 17/07/2013 à 10h01 | 👍🏽 👎🏽
Ouais, je m'abstiens de voter en attendant. Si ça se trouve il prend en compte la résolution de l'écran.

et puis "link or it didn't exist!"
Commentaire #102370 écrit par Moot le 17/07/2013 à 10h03 | 👍🏽 👎🏽
En plus, en faisant un petit zoom-out, il aurait sans doute pu voir cette fameuse barre en entier, et se connecter.
Commentaire #102378 écrit par Vyhlerion le 17/07/2013 à 10h18 | 👍🏽 👎🏽
screen resolution at 800*600????
Commentaire #102384 écrit par nonolelion le 17/07/2013 à 10h27 | 👍🏽 👎🏽
Je ne parle pas non plus de pebkac.fr ...

Je dis juste qu'avec un bout de CSS le menu sera toujours en haut à gauche et peut importe la taille de l'écran, sa résolution, ou autre truc du genre.
Commentaire #102385 écrit par Shadam le 17/07/2013 à 10h28 | 👍🏽 👎🏽
Parce que quand tu visites un site, c'est toi qui décides du CSS ? Ça doit être pratique quand même.
Commentaire #102386 écrit par Skefrep le 17/07/2013 à 10h38 | 👍🏽 👎🏽
Les téléphone portables n'ont pas forcément de haute résolution...
Commentaire #102387 écrit par Skefrep le 17/07/2013 à 10h39 | 👍🏽 👎🏽
ça, je sais bien : j'ai un ancêtre sous Windows mobile 6 avec un écran 240*320!!!

mais sur un mobile, il est ou le Keyboard???
Commentaire #102390 écrit par nonolelion le 17/07/2013 à 11h07 | 👍🏽 👎🏽
@Shadam : tu montre pourtant un morceau de CSS du site.

Je vois mal en quoi c'est greythaf le pebkac si ce n'est pas lui qui a codé le site en question.
Commentaire #102392 écrit par Link le 17/07/2013 à 11h34 | 👍🏽 👎🏽
Je serait très étonné que le navigateur n'affiche pas une barre de défilement horizontale quand l'affichage dépasse la taille de la fenêtre.

Donc comme mon voisin de dessus et de dessous, je demande à voir le site.
Commentaire #102396 écrit par Shirluban le 17/07/2013 à 12h12 | 👍🏽 👎🏽
Parce que tu n'as même pas de clavier virtuel sur ton mobile ? Ce ne doit vraiment pas être pratique…
Commentaire #102398 écrit par Skefrep le 17/07/2013 à 12h48 | 👍🏽 👎🏽
@Link : Je ne vois pas la présence d'un .menuBar dans la CSS de ce site
Commentaire #102400 écrit par MiniDoux le 17/07/2013 à 13h00 | 👍🏽 👎🏽
Ah, les crapbars, la nouvelle mode pourrie du web. Ça t'empêche de faire un défilement avec page up/page down, ça te réduit la hauteur d'écran pour afficher des infos inutiles, mais comme c'est à la mode, tout le monde le fait.

Du coup, je développe un réflexe particulier : présence de crapbar => adblock à vie du site en question.
Commentaire #102401 écrit par FBM le 17/07/2013 à 13h04 | 👍🏽 👎🏽
Par défaut, un élément en position fixed ou absolute ne génère pas de scrollbar, quand il sort du cadre.

Donc ce cas est tout à fait possible.
Commentaire #102404 écrit par MiniDoux le 17/07/2013 à 13h12 | 👍🏽 👎🏽
"link or it didn't exist!"

Je ne reconnais que le terme "or", désignant un métal, sinon pour le reste, j'avoue rester perplexe. Par hasard, n'aurais-tu pas utilisé, sur un forum strictement francophone, une langue de type anglo-saxonne ? Était-ce indispensable (genre, programmation) ? Non. A l'avenir, toi (et aussi, tous les autres) vous abstiendrez de sortir, en permanence, des expressions tirées d'autres langues.

Auf Wiedersehen (as, tu vois ! C'est pas rigolo ! La prochaine fois, je ne parlerai qu'en allemand.)
Commentaire #102405 écrit par Grammar Nazi le 17/07/2013 à 13h36 | 👍🏽 👎🏽
Skefrep
 Parce que quand tu visites un site, c'est toi qui décides du CSS ? Ça doit être pratique quand même.
 Le 17/07/2013 à 10:38


O_o"

Le bout de CSS que j'ai mis fait que pour tout élément de ta page un class="menuBar" fait que l'élément sera en haut à droite de ta page, côté code...
Le dev à prévu un menu en haut à droite peu importe avec quelle machine tu arrives sur le site.

Link
 @Shadam : tu montre pourtant un morceau de CSS du site.
 
 Le 17/07/2013 à 11:34 


Pure coïncidence, mais qui prouve que ce genre de pratique est très courante ;)

Edit : Le .menuBar présent sur la source de la page c'est mon commentaire ^^
Commentaire #102406 écrit par Shadam le 17/07/2013 à 13h36 | 👍🏽 👎🏽
Tiens, tu as utilisé la langue française pour dire cela ? Ringard, va ! Utiliser d'autres langues, notamment celles qui font "in", c'est tellement mieux. D4ailleurs, pebkac à Clem d'avoir mis des termes en Français sur ce site, mettons tout en Anglais. Ah, les Chinois rachetant tout, allons, hop, tout en Mandarin !
Commentaire #102407 écrit par Grammar Nazi le 17/07/2013 à 13h38 | 👍🏽 👎🏽
Non, il a un cadran comme sur les anciens S63. Les téléphones S63.
Commentaire #102408 écrit par Aaargh!!! le 17/07/2013 à 13h40 | 👍🏽 👎🏽
Ou mieux, tu ne le visites plus, parce qu'adblock un site entier, bof quoi. C'est les pubs...
Commentaire #102409 écrit par Aaargh!!! le 17/07/2013 à 13h40 | 👍🏽 👎🏽
je cherche toujours pourquoi margin-top -2.5em personnellement, idem pour le width 8em;
Pour info un topbar c'est plus:
 .menuTop {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
 }
 

pas besoin d'un width.

Ce que tu donne en exemple c'est plus un bouton au milieu a droite de l'écran (pas forcement mieux du coup).
Commentaire #102416 écrit par Yimi le 17/07/2013 à 14h16 | 👍🏽 👎🏽
Je l'ai déjà dit dans les commentaires d'un autre PEBKAC et je le répète:
Quand on a un nom composé d'un mot anglais et d'une abréviation allemande, on ne reproche pas aux autres d'utiliser des mots qui ne sont pas français.
Commentaire #102418 écrit par Shirluban le 17/07/2013 à 14h32 | 👍🏽 👎🏽
J'ai écrit ça vite fait ce matin en me réveillant devant mon café, c'est vrai que c'est pas terrible ^^

Après un bon vieux width: 100%; des familles c'est pas mal aussi pour prendre la largeur de la page...
Commentaire #102421 écrit par Shadam le 17/07/2013 à 14h46 | 👍🏽 👎🏽
Ce n'est pas de ma faute si mon père, Mr Grammar, m'a appelé du nom du groupe qu'il admirait tant (et moi aussi), à savoir les socialistes nationaux (allemands, mais qui ont vécu en France plusieurs années !). D'ailleurs, je suis moi-même né en France, d'une mère française, et j'ai appris le Français comme langue maternelle.

Mais, d'ailleurs, pourquoi parle-je à un lynx ? Où es-tu né ? Tes papiers.
Commentaire #102422 écrit par Grammar Nazi le 17/07/2013 à 14h55 | 👍🏽 👎🏽
Mais quel con...

La prochaine fois j'attendrais d'être mieux réveillé avant d'aller inspecter les sources.

Par contre, en fouillant dans les .js on trouve des trucs intéressants, comme par exemple l'adresse de Marvin, et même le code de l'interphone.
Commentaire #102426 écrit par Link le 17/07/2013 à 15h03 | 👍🏽 👎🏽
Skefrep, c'est faisable, au moins avec Firefox + addons.

Et je suis fatigué donc pas sûr d'avoir compris votre conflit mais il me semble Shadam que tu rates le fait que greythaf critique le CSS du site qu'il visite, et que s'il y avait eu le style que tu as écrit, il en aurait été ravi. Difficile donc de dire que c'est lui le PEBKAC, il s'agit plutôt du dev du site qui n'a pas mit en place une solution similaire à la tienne.
Commentaire #102430 écrit par Noraa le 17/07/2013 à 15h07 | 👍🏽 👎🏽
Tiens, 9gag = moinssage?
Ceci-dit, bien qu'en étant utilisateur je ne m'en insurgerais pas, c'est sûr qu'il n'a ni le meilleur contenu ni le meilleur public du web.
Commentaire #102433 écrit par Noraa le 17/07/2013 à 15h10 | 👍🏽 👎🏽
Qui c'est qui s'amuse avec le compte de GN là?
Il peut arrêter s'il lui plaît? Merci.
Commentaire #102435 écrit par Moot le 17/07/2013 à 15h14 | 👍🏽 👎🏽
Tu parles de ça: http://thumbs1.ebaystatic.com/m/myTD4-BzHoRaLmMLkA3gHHQ/140.jpg ?
Commentaire #102437 écrit par mini le 17/07/2013 à 15h18 | 👍🏽 👎🏽
Quitte à me faire reprendre par la suite sur les moindres fautes de grammaire comme d'orthographe, je n'ai vu nulle part indiqué qu'il s'agissait d'un forum strictement français ; ni même d'un forum d'ailleurs. Certes le domaine de premier niveau indique une préférence mais l'on connaît bien le respect habituel de ceux-ci.

P.S. : j'espère que tu apprécies l'effort de traduction de TLD
P.P.S. : cela lève par ailleurs la question de l'utilisation de l'anglais dans le jargon technique utilisé par notre communauté. Faut-il vraiment appeler de la RAM "MAD", mémoire à accès direct ?
Commentaire #102438 écrit par Noraa le 17/07/2013 à 15h21 | 👍🏽 👎🏽
pardonnez mon ignorance, mais ne devrait-il pas y avoir un ascenseur horizontal, certes peu pratique ?
Commentaire #102439 écrit par val070 le 17/07/2013 à 15h29 | 👍🏽 👎🏽
http://www.pebkac.fr/pebkac/8183/#comment_102396
Commentaire #102441 écrit par Banon le 17/07/2013 à 15h46 | 👍🏽 👎🏽
Peu pratique ?! Si je le pouvais, j'allumerais une cigarette sur les restes fumants de ceux qui permettent les ascenseurs horizontaux, puis je mettrais des lunettes noires en m'éloignant au ralenti sur du AC/DC.
Commentaire #102442 écrit par Belore le 17/07/2013 à 15h48 | 👍🏽 👎🏽
OK, PEBKAC pour moi pour ne pas avoir lu tous les commentaires !
Commentaire #102443 écrit par val070 le 17/07/2013 à 15h48 | 👍🏽 👎🏽
@Noraa: Laisse tomber va, c'est un junkie qui à hacké l'account de GN et qui troll.
Commentaire #102445 écrit par Moot le 17/07/2013 à 15h56 | 👍🏽 👎🏽
Oui, ça ressemblerait presqu'à du Gérard !
Commentaire #102446 écrit par Picc le 17/07/2013 à 16h01 | 👍🏽 👎🏽
1) Les noms et adjectifs désignant une langue ne prennent pas de majuscule. On écrit en anglais, en français ou en mandarin, mais surement pas « en Anglais », « en Français » ou « en Mandarin ».

2) « D4ailleurs » ne veut rien dire.

3) Le compte du GN sert à pointer du doigt des erreurs grammaticales ou orthographiques, non à troller.
Commentaire #102447 écrit par Youplà le 17/07/2013 à 16h51 | 👍🏽 👎🏽
le site : http://www.mega-debrid.eu/
Commentaire #102449 écrit par greythaf le 17/07/2013 à 17h12 | 👍🏽 👎🏽
@Moot : Il en faut des talents de hacker pour réussir à dérober le mot de passe de GN !
Commentaire #102457 écrit par Banon le 17/07/2013 à 17h49 | 👍🏽 👎🏽
@Picc : Tiens, d'ailleurs, il est où celui-là ?
Commentaire #102458 écrit par Banon le 17/07/2013 à 17h49 | 👍🏽 👎🏽
Si on réduit la fenêtre on constate qu'au départ ça s'adapte à peu près mais ensuite plus du tout ^^
Commentaire #102459 écrit par Banon le 17/07/2013 à 17h51 | 👍🏽 👎🏽
980px avant que le bouton commence à être cacher et en dessous de 900 c'est mort!
Commentaire #102466 écrit par befa31 le 17/07/2013 à 18h18 | 👍🏽 👎🏽
Banon, c'est un comportement normal, le site se réduit jusqu'à un affichage minimal de 960px environ, ce qui englobe pas mal d'interfaces : faire du média queries et de l'affichage adapté à tous les appareils a un coût non négligeable.

La vrai erreur, par contre, est effectivement d'avoir placé le bouton de connexion sur le bord droite d'une barre positionnée en fixed.
Commentaire #102467 écrit par MiniDoux le 17/07/2013 à 18h18 | 👍🏽 👎🏽
Désactive l'affichage du css.
Commentaire #102475 écrit par MonsieurJeSaisTout le 17/07/2013 à 18h56 | 👍🏽 👎🏽
@Banon : enseveli définitivement ?
Commentaire #102479 écrit par Picc le 17/07/2013 à 20h01 | 👍🏽 👎🏽
@MiniDoux: À la base, le HTML permet de créer des pages web qui s'adaptent à toutes les tailles de fenêtres.
Ici, le problème est qu'ils utilisent une méthode "trop-cool-moderne-d'jeun's" qui créé le besoin d'adapter le source à la taille du navigateur, et qu'ils ne répondent pas à ce besoin qu'ils ont eux-même créé.
Commentaire #102481 écrit par Shirluban le 17/07/2013 à 20h29 | 👍🏽 👎🏽
@Link : sans méchanceté (ça nous est arrivé à tous) là, tu viens de réaliser un superbe PEBKAC !
Commentaire #102498 écrit par Aaargh!!! le 17/07/2013 à 21h38 | 👍🏽 👎🏽
Je peux savoir pourquoi tu allais sur ce site, avant que je ne te dénonce à Mme Albanel ?
Commentaire #102499 écrit par Aaargh!!! le 17/07/2013 à 21h48 | 👍🏽 👎🏽
Sur le coup j'ai trouvé bizarre de trouver du css directement dans la page html, et pas dans un fichier a coté.

Note à moi-même pour plus tard : être plus réveillé le matin.
Commentaire #102502 écrit par Link le 17/07/2013 à 21h52 | 👍🏽 👎🏽
Alors, de mon expérience, au contraire, durant longtemps les sites étaient adaptés à une résolution précise : en général à une largeur de 980px, car cela permettait d'avoir un affichage sans scrollbar horizontale à partir d'une résolution de largeur de 1024. Ce qui est le cas sur le site présenté.

J'aurais donc plutôt tendance à dire que c'est un site "old school" surcouché d'une mauvaise ergonomie.
Commentaire #102503 écrit par MiniDoux le 17/07/2013 à 21h52 | 👍🏽 👎🏽
"as, tu vois" Pour un grammar nazi, tu as encore un long chemin à faire si tu ne sais pas écrire l'interjection "ah" (voire "ha")
Commentaire #102505 écrit par tony83 le 17/07/2013 à 22h01 | 👍🏽 👎🏽
@Shadam : Et bien même avec cette explication, cela ne fait en rien de greythaf un PEBKAC...Il VISITE le site, il NE CRÉE PAS LE CSS. Oui, je gueule, mais quand on n'entend rien, il faut bien y faire quelque chose.

@Noraa : En effet, je n'y avais pas pensé.
Commentaire #102506 écrit par Skefrep le 17/07/2013 à 22h03 | 👍🏽 👎🏽
Pour compléter le message de Youplà, je dirais que PEBKAC est un acronyme, donc forcément en majuscules
Commentaire #102507 écrit par tony83 le 17/07/2013 à 22h04 | 👍🏽 👎🏽
Toi, mini, tu as des enfants !
Commentaire #102509 écrit par Aaargh!!! le 17/07/2013 à 22h22 | 👍🏽 👎🏽
Je vous trouve bien méchants avec notre naz(illon)e de service ! Laissez-le tranquille, il débute ! En plus il a été gentil : il avait menacé de ne parler qu'en germain, il n'a pas mis sa terrible menace à exécution
Commentaire #102510 écrit par Aaargh!!! le 17/07/2013 à 22h24 | 👍🏽 👎🏽
@GN: Heu...
Je n'ai pas mes papiers sur moi, m'sieur l'agent, mais j'ai ma carte de la liste rouge (rouge... comme un autre parti) :
http://www.iucnredlist.org/details/summary/12519/0
Commentaire #102517 écrit par Shirluban le 18/07/2013 à 01h17 | 👍🏽 👎🏽
@Skefrep: Et donc tu n'as toujours rien compris à ce que je dis depuis ce matin...

Il n'y a aucun PEBKAC dans la façon dont est faite l'IHM du site (juste qu'à plus amples explications de greythaf), quand tu arrives sur le site tu as l'impression que la barre est bloquée en haut à droite et est figée, mais pour l'avoir fait sur pas mal de site je peux te certifier qu'elle n'est pas du tout bloquée ;), elle s'adapte à l'écran de l'utilisateur.

Bref, essayes ce bout de "code" CSS sur une pauvre page HTML écrite sur Notepad++ et tu comprendras tout de suite ce que je veux dire.
Commentaire #102520 écrit par Shadam le 18/07/2013 à 01h57 | 👍🏽 👎🏽
C'est malheureusement le problème des comptes publics. Quelqu'un qui fait un minimum de recherche sur www.pebkac.fr trouvera les mdp de tout les comptes publics...
Commentaire #102522 écrit par Shadam le 18/07/2013 à 02h02 | 👍🏽 👎🏽
lol

Je suis désolé mais je ne sais pas quoi dire de plus...
Commentaire #102524 écrit par Shadam le 18/07/2013 à 02h04 | 👍🏽 👎🏽
Ah, on peut légitimement vous trouver en France, ça va. Vous pouvez passer.

S'enfuit avant qu'on découvre qu'il a usurpé le rôle de GN
Tombe sur le vrai GN

Justement, je ne savais pas à qui appartenait l'uniforme, vous allez rire

GN ne rit pas du tout, Aaargh!!! s'enfuit.
Commentaire #102533 écrit par Aaargh!!! le 18/07/2013 à 07h21 | 👍🏽 👎🏽
Tu m'as tué ! =D
Commentaire #102534 écrit par Pumbaa le 18/07/2013 à 09h56 | 👍🏽 👎🏽
J'en suis aussi utilisateur, mais ce bouton m'agaçait franchement...
Commentaire #102537 écrit par ROB le 18/07/2013 à 10h30 | 👍🏽 👎🏽
Ouai bon j'ai rien dit, après avoir été visité le lien mis par greythaf plus bas, j'ai vu un beau width = 950px; appliqué sur la barre de boutons, donc effectivement si tu réduis ta fenêtre à moins de 950px et bien tu n'as plus de boutons...

Mea culpa.
Commentaire #102538 écrit par Shadam le 18/07/2013 à 10h44 | 👍🏽 👎🏽
Tiens, ça alors, à croire que ce qui fait qu'un compte soit public, c'est que son mdp soit divulgué. Ça alors !
Commentaire #102550 écrit par Aaargh!!! le 18/07/2013 à 13h11 | 👍🏽 👎🏽
le problème du width 100% c'est que notre bon vieux IE à tendance à faire des conneries avec si ton menuTop est directement dans le body (ou dans un parent avec une largeur pas forcement spécifiée).
Commentaire #102570 écrit par Yimi le 18/07/2013 à 20h59 | 👍🏽 👎🏽
@Shadam : Il n'y aurait pas eu de PEBKAC si le site avait été bien fait. (ce qui est toujours à peu près le cas, s'il n'y a pas d'erreur, il n'y a pas de PEBKAC :P)
Commentaire #102577 écrit par Skefrep le 19/07/2013 à 00h25 | 👍🏽 👎🏽
Il me semblait bien que l'avertissement de notre pare-feu n'était pas là pour rien.^^

La politique de filtrage de votre firewall ne vous permet pas d'accéder à cette url.
 Catégorie : 'Piratage informatique et Violation des droits d'auteurs'
Commentaire #102598 écrit par Youplà le 19/07/2013 à 12h39 | 👍🏽 👎🏽
"J'aurais donc plutôt tendance à dire que c'est un site "old school" surcouché d'une mauvaise ergonomie."

La mauvaise ergonomie j'admets, je rajouterai même l'absence totale d'une webdesigner compétent sur le coup mais "old school" pour un site qui utilise une grille de 960px c'est juste ridicule.

N'utilisé qu'une grille 960px ça peut être old school (et encore, le responsive design c'est toujours entrain de se développer et plus d'un site n'en n'ont ni les besoins ni le budget pour le faire), mais c'est encore la norme pour la plupart des sites desktop actuellement (même si il y a de plus en plus de responsive design qui permet d'utiliser la largeur des "nouveaux" écrans à meilleur escient ). Le budget pour ce site n'est clairement pas très élevé (ce qui expliquerai le design très moyen), donc je ne vois pas de PEBKAC ici. Et si c'est un PEBKAC, il y en aurait beaucoup juste sur ce sujet...
Commentaire #102620 écrit par lukos le 19/07/2013 à 15h29 | 👍🏽 👎🏽