ZonePsy

Heisenberg a écrit : ↑lun. avr. 13, 2020 4:15 am Fait chier, je comprends pas pourquoi mes paramètres CSS de dimensions d'éléments fonctionnent nickel quand je les mets en px, mais sont totalement ignorés quand ils sont en %...

Bon, en attendant, vais retourner un peu sur la formation unity.

schizonaute a écrit : ↑lun. avr. 13, 2020 11:25 am Montre le code, je te dirai pourquoi ^^

<header>
<h1> RIPOSTE GRAPHIQUE </h1>
</header>
<div class="container">
<nav>
<ul>
<li> Planche1 </li>
<li> Planche2 </li>
<li> Planche3 </li>
<li> Planche4 </li>
</ul>
</nav>
<section>
<h1> Trois planches pour le prix d'une </h1>
<img src="Planche12a.png" alt="Planche1">
</section>
</div>

</body>
</html>

header {border: 1px solid black;}
h1 {text-align: center; font-size: 4em;}
.container { display: flex; flex}
nav {height: 100%; width: 20%; font-size : large; border: 1px solid black;}
li {list-style-type: none; height: 10%;}
section {margin: auto; margin-left: 170px; border: 1px solid black;}
section img {width : 80%;}

schizonaute a écrit : ↑mar. avr. 14, 2020 11:21 am Il y a un "flex" vide qui se balade dans ".container"..

Sur mon écran, le "nav" fait bien 20% de la largeur.

Et pour la hauteur des blocs en bleu, cela ne marche pas avec les pourcentages.... Car quand tu exprimes la hauteur en pourcentages, celle-ci est relative à celle du bloc parent. Comme les blocs parents n'ont pas de hauteur définie, alors erreur.

En gros, le PC te demande :

"Le nav doit faire 100% de hauteur, mais 100% de la hauteur de quoi ?"
"Le li doit faire 10% de hauteur, mais 10% de la hauteur de quoi ?"

Comme il ne sait pas, il se comporte par défaut (ou de manière indéterminée).

Pour les width ça fonctionne car le PC considère que chaque bloc fait par défaut 100% de la largeur de l'affichage. Donc si tu mets un bloc de X% de largeur dans un bloc de largeur non définie, ce dernier bloc fera 100% de largeur, et son enfant fera bien X%.

A contrario pour les height, si tu mets un bloc de X% de hauteur dans un bloc de hauteur non définie... Le PC ne comprendra pas.

Heisenberg a écrit : ↑mer. avr. 15, 2020 3:39 am Bien vu pour le flex en trop, j'ai corrigé.

Le bloc parent de nav, c'est div container, si j'ai bien compris ?

Je viens donc de lui attribuer une hauteur de 80% à son tour, par rapport à son parent à lui, qui il me semble, est bien body ? Et aucun changement. Ou alors, faudrait à un moment donné attribuer une dimension en pixels à un élément donné assez haut dans la hiérarchie
Comment on lui fait comprendre à partir de quoi le pourcentage est censé se baser ?

mais c'est problématique vu les différences de résolution d'un écran à l'autre, non ?

Et sur mon écran, la largeur du nav ne fait même pas 20%, ni de l'écran ni du div container, bien moins en fait...

schizonaute a écrit : ↑mer. avr. 15, 2020 11:06 am C'est ça, il faut attribuer une hauteur aux éléments supérieurs. Et donc à "html" et "body".

Si tu mets nav à 100%, div.container à 100% puis html, body à 1000px, alors nav fera 1000px de hauteur. Sachant qu'au dessus du nav il y a le titre.

Look le lien : https://codepen.io/miau_rauw/pen/mdeeOJa

html et body sont à 1000px, container à 80% (800 px) et nav à 50% (donc 400px), ul à 100% (400px), et les li à 10% (40px chacun)
Pour cette raison, on n'utilise pas les pourcentages de cette manière en pratique... Enfin disons que ce n'est pas recommandé.

Tu te souviens du code que je t'ai posté sur FB ?

https://codepen.io/miau_rauw/pen/jOPEvoJ

Tu peux partir de cette base, elle est "propre". Et pour les "li", il ne faut pas fixer de hauteur... Tu leur donnes juste un margin ou un padding, et leur hauteur s'adaptera automatiquement.
Sur le 1er lien au dessus, ça fait bien 20% ?

Tictac a écrit : ↑mar. mai 05, 2020 7:38 pm Ce mois si je pense que je vais m'acheter la switch, j'ai vu le frère du chef otaku y jouer en direct et ça ma donné envie, avec les mario, je pourrais faire des vidéos dessus avec un boitier spécial sur youtube, ça va peux être me redonner gout au jeux vidéo.

C'est la qu'elle que je dois acheter pour jouer sur grand écran? genre l'écran de mon pc

Putin je vois que la version normal sur amazon coute 445 euros, ils ce foutent de ma gueule? ça trou le cul c'est cher

Tictac a écrit : ↑mar. mai 05, 2020 11:17 pm Du coup j'ai acheté la version light jaune, et je pourrais enregistrer mes parties en live à la webcam et au micro, j'espère que le wifi va marcher sinon je pourrais toujours aller la carrer dans le cul d'un rinocéros.

Sinon une fois j'ai éclaté des verres dans ma piole, entre temps j'ai assez bien lavé le bordel, mais mon connard de chien vient dans ma piole juste pour dénicher les petit bout de verre restant et les bouffer.

A l'instant je voulais le sortir de sous le lit et j'ai galeré parce qu'il c'est mis à me mordre, heureusement qu'il y va pas hyper fort.

Ce coker est le chien le plus casse pied que j'ai jamais eu, insupportable, il fait que des conneries en permanence.

schizonaute a écrit : ↑mar. mai 05, 2020 11:21 pm qu'est ce que tu as pris comme jeux ?

dommage que tu l'aies achetée pendant le confinement (car c'est plus cher depuis qu'il y a le corona)