html-css

[digital ember]

Et ben avev css

[thorn sky]

A JE VOIS

[digital ember]

On va dire au parent de placer les enfants comme ça

On va pas dire enfant 1 tu fais sa

2 sa

...

[thorn sky]

On faite si tu mets div ca connecter en css avec tout ce qui a dedans nn?

[digital ember]

Car ce sera pas responsive, pas droit, trop compliqué....

[thorn sky]

CAVA

[digital ember]

Ouais on va dire ca

[thorn sky]

Ok bien vu

[digital ember]

D'autres questions pour ton apprentissage ?

[thorn sky]

Nn pas du tout je te remercie bg pour ton aide

[digital ember]

Parfait alors 😉 hesites pas à msg prv ou me ping

Les autres pareil ^^ jferai un tour ici de temps en temps

[brave jay]

Donc le meilleur moyen d’apprendre c’est de regarder les bases du code et d’ensuite faire des projets perso

Tu apprendras plus vite et mieux

Je te conseille les tutos de grafikart pour le début et apprendre les base d’html et css @thorn sky

(J’ai pas lu tout vos messages)

Mais ensuite je te conseille de Check des designs sur dribble et de les refaires 🙂

Après tu peux partir sur du JavaScript simple puis de soit chosir php ou JavaScript (plus compliqué)

[digital ember]

Avis maintenant que j ai choisi de me spécialisé front...

Ya un monde ou tout le monde est fullstack

Et dans ce cas faites php avant js

[copper saffron]

moi j'ai mon pc portable en cours donc vscode je m'en sers quand je veux mdrr

[digital ember]

Batard

[copper saffron]

après bon, est-ce que je fais que coder en cours ? hmmm pas vraiment, coucou Honkai: Star Rail

[zinc elm]

D'ailleurs, vu que tu en parles, je m'aprete à apprendre un nouveau langage donc vu que je connais Html et css je me suis logiquement dis que c'est Javascript la suite, tu me conseil quelque chose d'autre à la place ?

Et d'ailleurs, si vous avez des "bons plans" style des sites qui sont utile pour le dev web, que ce soit pour s'insprier, se documenter, apprendre, exercer etc, je pense que bcp de gens seront interessé

[cyan cargo]

Salut,

Est-ce que vous savez s'il y a moyen sur pc de faire des rendus de vidéo avec alpha compatible avec safari ou ce que je vois comme quoi il faut être sur mac obligé c'est vrai ?
Auquel cas j'aurai bien besoin de quelqu'un avec un mac pour convertir rapidement trois vidéos pour mon site si jamais 🙂
(vous me dites si je me trompe d'endroit où parler de ça)

Merci

[digital ember]

En ayant commencé par javascript et avec du recul maintenant j'aurai fait php, mysql, framework php et js

[digital ember]

dis moi tu veux quoi précisémment j'en ai tellement

[zinc elm]

Mais du coup php mysql etc c'est plus dur à apprendre que le js non ?

Niveau syntaxe etc

[zinc elm]

J'en ai pas forcement en tête, mais je me suis dis que ca pourrait être bien d'avoir une petite liste de liens utile ou informations, par exemple je viens de découvrire le sass la, je pense ca va m'etre utile

[digital ember]

alors

oui

mais faut voir plus loin

genre vrm plus loin

2 ans

[digital ember]

sass le meilleur truc

stv on peut vocal

[zinc elm]

Ouais bon, faut en avoir du mental mdr, sachant que la programmation c'est pas mon truc de base, je le fais juste à coté

[digital ember]

dans ce cas restes sur JS

[zinc elm]

En vrai moi mon objectif c'est d'avoir assez de competences pour peut etre avoir quelques missions/ petits jobs à un moment

Mais de petits trucs, donc j'imagine que le front end c'est le meilleur chemin à suivre pour mon cas

[zinc elm]

J'pourrais pas tte suite, la prochaine fois ptt

[digital ember]

okok

[zinc elm]

Mais ca fait plaisir, merci pour ton aide

[digital ember]

de rien pas de quoi

[olive heron]

Hello à tous ! Quelle qu'un serait m'expliquer comment crée des sliding animations comme sur https://apple.com avec du html,css et autre ?

[digital ember]

vas falloir un peu de js

regardes sa :https://swiperjs.com/

[olive heron]

Merci bien ! ^^

[digital ember]

pas de quoi

[thorn sky]

@digital ember Salut

je voulais te demander

tu connais un site ou tu peux faire la maquette d'un site ?

Pour ensuite essayer de le faire

[digital ember]

figma

https://www.figma.com/fr/

https://dribbble.com/

[copper saffron]

Utiliser une base de données SQL c'est très simple, encore faut il savoir quoi lui demander

Et ça c'est encore une autre histoire

Et aussi en quel langage l'exploiter, car ça dépend du langage de ton projet

[unborn egret]

Bonsoir, j'ai un petit soucis dans mon projet, je dois ajouter le petit bouton modifier a côté du titre H2 sans que celui-ci ne se décale. J'ai déja essayé de le mettre en position absolu mais c'est pas du tout responsive donc j'ai oublié l'idée. Si quelqu'un à une idée..

Merci beaucoup. Bonne soirée.

[storm folio]

bah déjà ça ferai plus jolie en dessous, mais si tu veut le mettre comme ça faudra le faire avec une position absolute oui, puis pour le responsive tu gère le déplacement avec des % et des mediaquery

[olive heron]

Petit conseil : sa position sur le screen est déjà parfaite je pense

🙂

[unborn egret]

Salut ! Justement le screen c’est ce que je devais faire 🤣

[olive heron]

Ah 🤣

Autant pour moi 😅

T’a essayer un css ? Position top ?

[lost flame]

Comment aggrandir la zone text d'un formulaire s'il vous plaît
`.form .corps-formulaire .gauche{
position: relative;
left: 10%;
}

.form .corps-formulaire .droite{
position: relative;
left: 10%;
}`

[wild citrus]

Il me semble qu'il faut que tu ajoutes width

.form .corps-formulaire .gauche {
    position: relative;
    left: 10%;
    width: 80%;
}

.form .corps-formulaire .droite {
    position: relative;
    left: 10%;
    width: 80%;
}

[dry condor]

j'ai fais un bot en c++ mais j'ai une erreur, tu peux m'aider ? il se lance pas

#include <dpp/dpp.h>

int main() {
    dpp::cluster bot;
    bot.on_log(dpp::utility::cout_logger());

    bot.on<slashcommand>("ping", [&bot](const dpp::slashcommand_t& event) {
        bot.interaction_response(event, "Pong!");
    });

    bot.on<slashcommand>("hello", [&bot](const dpp::slashcommand_t& event) {
        bot.interaction_response(event, "Hello, world!");
    });

    bot.on_log(dpp::utility::cout_logger());

    bot.on_message_create([&bot](const dpp::message_create_t& event) {
        const auto& msg = event.msg;
        if (msg->content == "!ping") {
            bot.message_create(msg->channel_id, "Pong!");
        }
    });

    bot.on_log(dpp::utility::cout_logger());

 
    const std::string token = "token";

    bot.log(dpp::log_info, "Bot", "Starting bot...");

    
    bot.run(""); 

    return 0;
}

[steep acorn]

L'error ?

[dry condor]

bah il se lance pas

[steep acorn]

Sa ne répond toujours pas pourquoi il ne se lance pas tu dois avoir un error quelque chose

[tame forge]

Du C++ dans html/css

[shrewd vigil]

est ce que y a un pdf qui montre tous les code html et css avec une ptite explication a coté en fr?

[storm folio]

https://developer.mozilla.org/fr/

Sinon par openclassroom mais comporte pas tt:
https://course.oc-static.com/courses/1603881/Glossaire+des+balises+HTML.pdf
https://course.oc-static.com/courses/1603881/Glossaire+des+propriétés+CSS.pdf

[shrewd vigil]

mrc

[hallow forge]

comment dire en que quand un texte dépasse alors ça continue sur la ligne en dessosus avec une balise <p> et la limite est la taille de la div précédente

[stray locust]

peux tu reformuler ta question je n’ai pas compris

[hallow forge]

comment passer le texte dans une autre ligne si ça dépasse la taille d'une div en particulier

[stray locust]

il faudra utiliser l'élément <br>

Exemple : html <p>Il était une fois,<br> Un humain<br> qui était très content.</p>

Résultat :

Il était une fois,
Un humain
qui était très content

[hallow forge]

ok

[hazy gate]

Est ce que quelqu'un aurait une formation css moderne svp j'men sort pas dutout en CSS dcp j'prend des templates

[brave jay]

Truncate

[fierce shard]

Un <p> passe automatiquement à la ligne.

Si tu veux qu'il passe à la ligne après une certaine taille, il te suffit de définir la largeur de ton <p> avec du CSS.

Le problème du <br>, c'est que, selon la taille de ton écran, tu risque d'avoir un passage à la ligne en plein milieu de ton écran, comme si tu changais de paragraphe.

[brave jay]

Rien à voir pardon …. C’est pour ajouter les « … » à la fin ça

[hallow forge]

ok c'est ce que je voulais savoir

mrc

[storm folio]

openclassroom, codeademy

w3 school

c'est ps ce qui manque

[unborn egret]

Bonsoir, je ne sais pas où mon message serais le plus approprié mais j'ai un petit soucis de CSS avec un petit projet.

J'ai intégré un menu déroulant a mon projet, mais quand il se déroule je n'arrive pas a le faire passé par dessous les autres éléments. Ca fait pas mal de minutes/d'heures que je cherchent mais impossible, je débute et je ne trouve pas. Je vous met le dossier entier juste ici.

Si une âme charitable passe par ici, je lui en serais reconnaissant.

[dry river]

Salut, pour que ton élément soit au dessus des autres, il faut que tu joues ave le "z-index" dans ton css, par exemple "z-index : 99"

[unborn egret]

Bonsoir. Merci beaucoup mais j’ai déjà essayé malheureusement. Alors soit je n’ai pas bien compris le fonctionnement du Z-index et des positions mais ça n’a jamais fonctionné non plus.. 😕

[storm folio]

rajoute

Le z-index ne fonctionne que avec position absolute, position relative, sticky, fixed

tout ce qui n'est pas position static

pour que ça puisse chevaucher d'autre div faut obligatoirement que ce sois en position absolute ou fixed

[unborn egret]

Salut ! Merci beaucoup pour le temps accordé. Du coup j’ai réussi à avoir une réponse hier soir vers 1:00 du matin 🥲

J’avais pas encore bien compris les notions de position Relative et Absolute. Du coup je n’avais pas compris pourquoi ça ne fonctionnais pas.

Tout est bon ! Je te remercie ! ☕️

[shrewd vigil]

est ce que c est bien hostinger comme hebergeur ou y a mieux rapport qualité prix?
pcq tt les ytbeur partage ça mais ça a l air d etre un placement de produits a chaque fois avec leur lien ref etc

[errant cypress]

Hello j'ai un KVM chez eux, alors c'est pas trop mal niveau prix etc, par contre le support est catastrophique, sans parler de qui ils emploient..., ils sont mais alors débiles mais d'une force c'est abusé, sur un problème avec le SSH le mec a osé me dire "Embauchez un développeur pour de l'aide" ??????, bref c'est pas mal pour commencer mais pas +

Ah et aussi les mecs t'écrivent dans une autre langue, genre typiquement j'avais fait un ticket support pour la même chose, le mec m'a envoyé un message en arabe, mais vraiment quoi, du coup j'ai close le ticket

lunaire le support hostinger

Et pour la raison de pourquoi j'ai pris hostinger, c'était pas cher et le KVM est scalable en fonction de tes besoins, et pas besoin de tout réinstaller donc j'ai pas plus réfléchi

[wild stump]

c'est pas cher mais comme tout ce qui est pas cher le support est a chier donc si tu as les moyens va voir ailleurs

[silk geyser]

Je pensais que le support c'étais une IA tellement les réponses sont débiles, puis des fois tu comprend pas pourquoi il switch entre français et anglais 🤣

[pseudo sundial]

Hostinger, fait gaffe, ne te fais pas avoir comme moi💀, ils te demanderons de choisir entre wordpress ou un wordpress Ai et tu te diras, je m'en fous, j'utiliserai pas wordpress, et bas non, ton dossier html public ne sera pas dispo, clique sur passer pour eviter la douille

[covert verge]

wordpress.... wtf

qui use sa encore wesh

[brave jay]

Environ la moitié des sites vitrines du monde 😉

[covert verge]

ah ok lol...

j'ai l'air d'un con ducoup lol

[brave jay]

Tkt j’étais dans le même cas ya pas longtemps

[near scarab]

oui vraiment

[slim musk]

yo tt le monde

j'ai un probleme avec visual studio

l'extenssion live serveur , il faut absolument faire crtl S pour actualiser ?

[ashen falcon]

Oui faut enregistrer ton travail pour qu'il s'affiche

Tu as des extensions qui sauvegarde automatiquement sinon après comme ça ton travail s'actualise tout seul

@slim musk

[tame forge]

Pas besoin d'extensions 🤷‍♂️

[ashen falcon]

Oui c'est vrai c'est dans les paramètres !

[slim musk]

Merci les gars

Parcque des fois j'ai des bug insupportable pr exemple première phrase "J'ai trop la DALLE" changer en "J'ai trop la DLE" crtl S parfois ça peu me mettre un truc du type "J'ai trop la DA-LLE" au hasard et c'est relou

[tame forge]

[brave jay]

chelou ta config

[slim musk]

oui grave y a bcp de bug chelou si je met "!!!!!" ça s'affiche en bref et ca disparait par exemple

mdrr c'etait un truc debile javais le traducteur auto d'activer

[sly abyss]

pourquoi yen a un qui est rond et pas l'autre alors que c'est le meme code?

.player .mainPlayer .btn button {
  border: 0;
  background-color: #e3e2e700;
  padding: 0.9vh;
  color: rgba(255, 255, 255, 0.67);
}

.player .mainPlayer .btn .play {
  font-size: 1.25rem;
  background-color: #a238ff;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px #a238ff solid;
  padding: 0.5vh;
}

.player .mainPlayer .btn .before {
  font-size: 1.25rem;
  background-color: #a238ff;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px #a238ff solid;
  padding: 0.5vh;  
}

[hollow tundra]

les deux boutons ont la même width ?

[sly abyss]

euuu

ah c'est bon merci

effectivement c'était la width

[hollow tundra]

dr

[void anvil]

Salut a vous jespere vous aller bien je suis en plein apprentisage du codage la actuellement jessaye de coder un site web mais il m'est impossible de le deployer de n'importe quelle maniere moyen vous maider svp prcq la je comprend pas jai regarder plusieur tuto ytb avec github et tout et a chaque fois ma page apparais en erreur 404

[jagged portal]

J'y connais rien moi nn plus MDR

[jagged portal]

404

[empty tartan]

il te faut une page index.html

[unborn otter]

Bonjour, comment allez vous ? J'aurais besoin d'aide, en gros j'ai voulu modifié une template pour un projet et j'aimerais cacher une image sur téléphone mais pas sur ordinateur.
Pour cela j'utilise ca :
@media (max-width: 991.98px) {
.img-background-test {
display: none;
visibility: hidden; } }

ce qui fait que les écrans avec une taille plus petite que 991.98px n'afficherons pas l'image.
Mais ca ne fonctionne pas. J'ai donc besoin d'aide merci beaucoup d'avance hésitez pas à me contacter !

[brave jay]

La c’est si ton écran et en dessous de 991 tu affiches l’image

[unborn otter]

merci pourtant je regarde sur les 2 ( téléphones et ordi ) et aucun des deux disparrait

pourrais tu vocal pour m'aider un petit peu s'il te plait ?

[unborn otter]

@brave jay

[brave jay]

Désolé c’est pas possible, mais essaye avec d’autres valeurs

[unborn otter]

Ca fait une heure je suis dessus je te jure je trouve pas 😢

[brave jay]

@media screen and (max-width: 780px){

Essaye ça 😉

[unborn otter]

j'essaie de suite

envoie ton paypal

😂

ca a marché

espèce de génie va merci !!!!

[brave jay]

« Screen and » est important

[unborn otter]

d'accord je savais pas qu'il était nécessaire le and

vraiment merci beaucoup !

[unborn otter]

Bonsoir, j'ai encore un soucis avec ma template, j'ai voulu changer la couleur de la navbar qui est actuellement noir sur téléphone. Pourtant j'ai tout enlever ce qu'il y avait en lien avec les class navbar et rien ne change. Si quelqu'un serait dispo de m'aider en vocal à essayer de trouver le problème je ne dit pas non merci d'avance !

[brave jay]

Tu as le menu f12 sur chrome

[unborn otter]

Oui je sais mais j’ai tout enlever ça change quasiment pas 😅

[hollow sentinel]

@unborn otterenvoi ton fichier html et css

[unborn otter]

Je peux te l’envoyer dans un peu plus d’une heure merci pour ton aide bg

[hollow sentinel]

Hey ! Je suis entrain de faire mon portfolio en HTML, CSS, JS et PHP
Et en gros j'ai une partie de mon site où y a les projets que j'ai réalisé avec mes cours etc.
J'aimerais que quand je clique sur le block "Graphisme" il y ait un carrousel qui pop (exemple : https://www.hautacam.com/hiver-hautacam/domaine-alpin-et-nordique il faut cliquer sur le plan des piste en dessous de la vidéo yt)
J'ai fais quelques recherches mais je trouve rien de concluant 😭
Si qlq pourrait m'aider par le plus petit des moyens ça ferait grave plaisir !
Merci d'avance pour vos retours !

[ashen falcon]

Salut, a mon entreprise on utilise 'baguette box js' une fois configurer tu as juste à entouré tes éléments IMG d'une balise et tu met un a href autour de chaque IMG avec le lien de ton image et le tour est joué.

[storm folio]

faut que tu fasse ton "composant" carrousel, tu le cache puis quand tu en a besoin tu l'affiche , utilise la librairie swiper.js pour le carrousel après pour le faire apparaitre et disparaitre c'est du js

[ashen falcon]

C'est déjà intégré dans baguette box il va plus s'en merde a faire comme tu as dis

[gaunt yoke]

après c'est cool de savoir le faire et pas toujours avoir ce reflexe d'utiliser des libs, surtout pour ce genre de chose

[ashen falcon]

Je suis d'accord mais c'est moins bien opti de faire avec un carrousel que tu affiche apres.

[storm folio]

L'aigri originel, un "forum" est fait pour proposer plusieurs solutions pour choisir la plus adapté, tout faire avec des libs c'est bien mais savoir le faire c'est mieux. Puis je viens d'aller regarder le code de ta petite librairie, elle fait exactement la même chose que je viens de dire l'élément est caché jusqu'à ce que tu clique. Puis avec swiper.js tu a beaucoup plus de personnalisation possible malgré que c'est plus compliqué a mettre en place j'en conviens. Pour un problème il existe une infinité de solution faut pas se vexé si quelqu'un en propose une autre 🙂

ah aussi j'y pense mais côté opti ta mal choisi ton cas, swiper.js est utilisé par les plus grosses entreprise tu sais des petit xiaomi, mcdo, disney, netflix, adobe.

[ashen falcon]

Merci pour ton commentaire constructif. J'en prend note.

[simple granite]

Salut quel qu'un aurais un idée comment je peut faire pour crée un uploader d'image impeux comme imgur ?

[fierce shard]

Tiens, ça peut t'aider.

https://developer.mozilla.org/fr/docs/Web/HTML/Element/input/file

[simple granite]

Merci

[fierce shard]

Tu connais le JS en plus.

Parce-que ce sera nécésaire.

[simple granite]

Mais sa je l'ai fait mais je ne sais pas comment faire pour que sa soit enregistrée ect

[fierce shard]

Il te faut des trucs côtés serveurs.

Et là, je ne m'y connais pas du tout.

[simple granite]

Ah bon ben tempis merci quand meme

[dreamy spear]

bonjour j'ai un vieux bout de code en css et je comprend plus exactement ce qu'il fait possible de m'éclairer

section:not(:target), section:target ~ #first{
    display: none;
}

section:target {
    display: block;
}

[fierce shard]

Le display va definir comment l'élément va interagir avec les autres.
Ton display: none; désactive l'affichage de ton élément.
Ton display: box; est en fait la valeur par défaut.

https://developer.mozilla.org/fr/docs/Web/CSS/display

[storm folio]

C'est un poil compliqué si tu veut stocker du gros, mais sans détailler tu va simplement envoyer l'image/le fichier vers ton serveur puis lui assigner un nom etc.. puis stocker son emplacement dans une bd pour y acceder plus tard. Si tu veut pas t'embêter avec ça mais que tu veut juste pouvoir upload des images, Imgur dispose d'une API comme ça tu na rien a stocker de ton côté fin si, la clé de suppression et l'url vers l'image.

[storm folio]

ça il le savais je pense c'était plus au niveau des sélecteurs.

[storm folio]

section:not(:target) va selectionner tout ce qui n'est pas la target de l'ancre dans la section puis ne pas l'afficher, section:target ~ #first va selectionner tout les élement #first frère/soeur de section:target

puis le prochain affiche simplement le target de la section

[dreamy spear]

Ok d'accord merci beaucoup (oui je cherche plus a comprendre les sélecteur car il servent a paginé mais je les comprenais pas dans leur exactitude)

[covert verge]

hey any tips pour use scss / sass.

j'utilise inteliji. j'ia installer sass dans mon path windows, mais j'arrive pas a inclure mon fichier sass, il ne marche pas.

quand je fait la commande sass file.scss file.css et que je met le href au css, cela marche

[tame forge]

Tu as quoi comme erreur ?

Personellement, j'ai installé le CLI via NPM pour que la configuration soit automatique :)

[covert verge]

j'ai pas d'erreur, il ne s'applique juste pas

[tame forge]

Tu as une réponse du cli ou quelque chose ?

Est-ce que au moins ton fichier est bien créé

[covert verge]

j'ai juste installer depuis le depot git sur mon path. les commandes fonction, mais il ne se load pas

[tame forge]

Le fichier est créé là, je ne vois pas le problème…

[stone minnow]

Bonjour, j'ai un problème de responsive avec mon code je comprends pas trop pourquoi si une personne à du temps à m'accorder.
Ci-joint le code de la page Index.html et style.css ainsi qu'une capture d'écran de mon problème

[silk geyser]

Salut, regarde avec l'inspecteur d'élément de ton navigateur

[stone minnow]

Alors je crois que le pb viens de mon navigateur la ya plus de probleme de responsive

[stone minnow]

chrome

[frosty rune]

qui sais comment mettre un titre et la description (en bas du titre) au mileu ou pas
car je vais recommencer mon porfolio
faut que j'ajoute quoi a mon header

[forest echo]

2 méthodes :

Max-width et margin :
max-with : Xpx;
margin : Xpx auto Xpx auto
FlexBox
Je déconseille cette méthode dans ce cas, car elle est peut trop compliqué
display: flex;
flex-direction : column;
justify-content : center;
align-items : center;

[dusky skiff]

Flexbox c'est pas compliqué quand on apprend correctement : https://flexboxfroggy.com/#fr

[forest echo]

Ça devient même la « base » et on peut avoir tendance à trop les utiliser. C’est pour ça que je lui déconseille. Ce n’est pas forcément adapté à sa situation s’il a juste un titre et une description à center.
(Après mon point de vue est discutable)

[frosty rune]

non c'est bon je l'ai regler avec un autre serveur

[errant cypress]

C'est largement plus compliqué de faire des max-width je sais pas quoi, que des flexbox y a pas plus simple

[dusky skiff]

Trop les utiliser ? En quoi ce serait mal ? C'est littéralement beaucoup plus simple pour faire du responsive ou pour arranger ses éléments

[forest echo]

Alors plus simple peux-être mais parfois il y’a des propriétés plus adaptées. Si on commence à remplacer des margin d’espacements par des gap et un flex-direction column y’a un problème. Le but c’est de pas surcharger la feuille de style css par des propriétés inutiles.

[dusky skiff]

C'est pas ce que j'ai dit

[gaunt yoke]

pour centrer moi je fais un position absolute avec un left 50% et un translateX -50%
et pour aligner je fais des float ^^

le reste j’utilise des tableaux

[dusky skiff]

pas bête je vais te voler l'idée du tableau

tu laisse les bordures ?

[gaunt yoke]

oui bien sûr

[void anvil]

Bonjours, j'aurai besoin de l'aide d'une personne pour finaliser le responsive du site que je fait pour ma mère. C'est la première fois que je programme à cette échelle et j'aimerai réalisé du contenu de plutôt bonne qualité. Merci

[frosty rune]

si tu veux recevoir une aide plus rapidement dit plus d'info

[void anvil]

Et bien quelque problème avec le menu burger, et 2,3 détails comme un problème de responsive avec un button.
Ce que je veux dire par là c'est que d'après moi je penses avoir réalisé les grandes lignes du responsive avec les flexbox, etc

Hésitez pas à me dire si je dois partager plus d'info.

[runic python]

Envoi le code du responsive directement

après en frameworks essaie TailwindCSS qui est très bien et qui simplifie énormément je trouve personnellement

[shrewd marlin]

Salut! comment on peut faire pour que le site de base va direct sur la page de base
genre de base c'est ça : exemple.com/index.html
et je veux que la page index.html sois juste ça
exemple.com

[runic python]

dans le .htaccess

[shrewd marlin]

d'accord merci

[runic python]

RewriteEngine On
RewriteCond %{REQUEST_URI} /index.html$
RewriteRule ^(.*)index.html$ /$1 [R=301,L]

[fluid turret]

Bonsoir, je suis entrain de faire un site web sur un squad builder (foot) un peu comme https://www.futbin.com/squad-builder. Je suis un dev web débutant, ceci est mon premier projet. J'ai quasiment fini mon site, je le rends à présent responsive, cependant un problème persiste depuis plusieurs jours je n'arrive toujours pas à le résoudre. Un élément plus précisément une div(qui fait office de zone clic pour déplacer le joueur dans cette zone) se déplace lorsqu'on change la résolution de l'écran ce qui rend sur certains appareils le site non fonctionnel, j'aimerais que la div reste à la même position peut importe l'appareil.

Voici mon code :

    <div class="zone-clic" id="zone-clic1"></div>

.zone-clic {

    width: 5%; 
    height: 10%;
    position: absolute;
    background-color: blue;
    cursor: pointer;
}

#zone-clic1 {
    top: 13.5vh;
    left: 74vw;
}

J'ai cherché sur des forums partout j'ai pas réussi à résoudre le problème, si vous avez une solution je suis preneur. Merci d'avance.

[void anvil]

https://github.com/webnono8/site-delphine-sanchez-hypnose/

[lofty aurora]

Bonsoir, si des gens pourraient m'aider pour un projet scolaire assez simple mais faut quand même s'y connaitre me répondre

[mint ibex]

si on est ici c'est pcq on s'y connait un minimum

explique ton project

[storm folio]

Pose directement tes questions pour peu que tu sois dans le bon channel juste

[dusky skiff]

Hey, quelqu'un a déjà rencontré un problème similaire ? Ca semble plus venir de la font ça ne le fait qu'avec celle là et en gras 👀
Regardez le q et le p, ils sont pétés
J'ai pas trouvé de soluce

[olive heron]

C’est le font le problème je pense

Essaye de changer en Bold

[dusky skiff]

Ouais c'est sûr et certain même

[olive heron]

😂😂 Oui

[dusky skiff]

Mais j'ai jamais édité de font même en l'éditant je vois aucun soucis

[dusky skiff]

C'est déjà en bold

[olive heron]

Ah 😂

[dusky skiff]

Niveau CSS je pense avoir tout essayé

[olive heron]

Oh chit

[olive heron]

Alors abandonnons ce font…

https://tenor.com/view/crying-man-sad-and-depress-gif-13089667

[dusky skiff]

hahaha

Impossible

C'est pas ma charte graphique j'ai pas le choix ;)

Après j'ai " fix " en mettant un text stroke 💀

[olive heron]

Oh nonnn

T’aurais pu fix en mieux

[dusky skiff]

Yep

[olive heron]

😂

[gaunt yoke]

tant mieux elle est bien laide change la

[dusky skiff]

J'aimerais bien !

Mais je peux pas

[mint ibex]

le r est immonde

[tame forge]

On dirait un robinet

[dusky skiff]

@sweet flint

J'ai jamais vu une police aussi bancale de ma vie honnêtement je sais pas comment elle a pu être utilisé par un pro pour une identité graphique
En attendant je n'ai pas le choix je dois l'utiliser

[errant cypress]

On dirait Raleway, mais en moins bien 😂

[dusky skiff]

Au moins sur celle là les lettres restent en place

[errant cypress]

mdrrrr j'suis mort

[dusky skiff]

Ah et oui les lettres sont décaleés aussi
C'est à dire que quand j'utilise la police, même avec une line height je ne peux pas la placer correctement

[errant cypress]

Mais qui a fait ce carnage ?

[dusky skiff]

Genre elle est legit 2 fois plus haute que les polices classiques

[dusky skiff]

https://www.dafont.com/fr/rounded-elegance.font

Elbert Hubbard visiblement

Ah non c'est la citation ça

En tout cas ce chiffre me terrifie

[errant cypress]

oh putain mdrrr

bah bizarre j'ai pas le souci sur le site

[dusky skiff]

sur l'aperçu ?

Ouais en fait ça apparaît quand le texte est en bold

mais du coup j'ai enlevé le bold et j'ai mis un text-stroke à la place ce qui fait un effet bold et règle le soucis 🤡

[tame forge]

j'aimerais croire que les gens télécharge ça comme un package NPM et qu'on doit ce nombre à la GitHub Action qui teste chacun de leurs commits

[errant cypress]

parfait alors

[dusky skiff]

mdrr on va dire ça

[ancient nymph]

les gars vous savez comment faire (ou qui a un template) pour une phase d'achat payement etc (je sais pas comment faire).. en mode ca soit relié a son compte tu recois l'argent etc

[dull dome]

https://freefrontend.com/css-checkout-forms/

[storm folio]

pour la liason a un compte faudra une base mysql pour stocker les données des gens fin si c'est de l'argent virtuel, sinon faudra passer par des solutions plus pro comme paypal, stripe, etc..

[ancient nymph]

OK merci t'es un dieu je vais regarder ca

[wild stump]

en gros ça peut venir de bcp d'endroit mais il y en a très peux où c'est dépendant de toi, en gros le problème ce produit lors du rendent de la font donc si tu n'y touches pas c'est que c'est pas de ta faute

[dusky skiff]

C'est pas de ma faute alors

[wild stump]

change la font pour voir ?

[dusky skiff]

Nan mais t'inquiètes j'ai déjà tout essayé ça vient vraiment de la font

Je cherchais plutôt quelqu'un qui avait déjà eu le problème

Mais quand je change la font bien évidemment le problème n'apparaît pas

[wild stump]

donc le problème vient de la font

[dull dome]

C'est chelou car perso y'a aucun souci

[dusky skiff]

Ça dépend du zoom aussi

[fading mantle]

bonjour est ce que qql se debrouille bien en html ?
parce que je suis entrain de faire une page web et j'ai un probleme pour metre une image et jsp si je me suis trompe
qql pourrait m'aider svp?

[void anvil]

envoie ton code

[fading mantle]

par la ou en prive?

[void anvil]

bah ici

[fading mantle]

il y a ça et apres j ai fais ça avec css

@import url('https://fonts.googleapis.com/css2?family=Popping:wght@400;500;600;700;800&display=swap');

• {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  }

body {
font-family: 'Poppins', sans-serif;

}

.container {
max-width: 1200px;
margin: 0 auto;
}

.header {
background-image: url(Imagenes/bg.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 70vh;
display: flex;
align-items: center;
}

.menu {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 1000;

}

.logo {
color: #FFFDFC;
font-size: 25px;
font-weight: 800;

}

.menu .navbar ul li {
position: relative;
float: left;
}

.menu .navbar ul li a {
font-size: 18px;
padding: 20px;
color: #FFFDFC;
display: block;
font-weight: 600;

}

[void anvil]

@fading mantle t’as pensé à vérifier le chemin de l’image déjà ?

[fading mantle]

oui j ai fais un dossier avec toutes les images

mais c est parce que je veux mettre un background mais quand je le mets on le vois pas

[void anvil]

et ce dossier s’appelle Imagenes ?

[fading mantle]

oui

[void anvil]

toutes les images se chargent sauf le background ?

[fading mantle]

oui c est la seul quon voit pas

[void anvil]

ok commence par mettre des guillemets autour du chemin de l’image ça ira mieux je pense

[fading mantle]

okk merci

[void anvil]

c’est bon ?

[fading mantle]

non ça a rien changé

[void anvil]

mdrrr normalement quand tu tapes ça te propose les fichiers, est ce que tu le vois bien afficher tel que tu l’a écrit ?

[fading mantle]

oui je vois tous les fichier avec les noms et tout

[void anvil]

et pas d’erreur dans la console du navigateur ?

[fading mantle]

non il y a 0 problemes

[void anvil]

ok, si tu met une couleur de fond a ta classe header, est ce qu'elle s'affiche ? c'est peut être juste un pb avec ton css

[gaunt yoke]

tu as ecris <head class....

c'est <header

[void anvil]

bruh

jvois mal sur tel

[fading mantle]

ou?

[gaunt yoke]

ctrl f

[fading mantle]

ah oui c'est bon merci bcp

[wicked jewel]

Salut les amis ! Je commence tout juste à m'intéresser au code. Actuellement j'ai un projet à rendre dans pas longtemps. J'aurais besoin d'un dev qui m'aide à retaper mon code ect car actuellement il n'est pas du tout propre il y a des espaces par tout sur ma page ect voila voila merci d'avance.

PS : Si possible de le faire en voc ca serait top

J'expliquerai plus en détail si intéressé...

[storm folio]

met le dans un site de format https://webformatter.com/

[runic python]

@storm folio a raison on t'aidera tous comme ça

[wicked jewel]

C'est pas vraiment ca le problème :(

j'utilise prettier donc il me notifie lorsqu'il y a une erreur de balise par exemple ect...

[gaunt yoke]

non ils te demandent tous de share un git en gros pour avoir ton code sous les yeux

[wicked jewel]

C'est a dire ?

tu parles du site webformatter ?

[gaunt yoke]

si tu veux que les gens te donne des conseils ou autre, ça se fera très peu en vocal, donc envoie un git ou autre

[tardy leaf]

Github

[dawn tulip]

Salut, petite question. Quand vous coder un site vous faite tout le html avant et apres le css ou section par section ?

[wild stump]

C'est comme tu veux ça change pas grand chose

[dawn tulip]

ok cv merci

[storm folio]

Généralement je fais tout le html puis je met le css, si je sais pas trop où je vais je fais section par section

[dawn tulip]

Oui j'ai fait ça et je trouve que je me suis moins perdu que d'habitude

[mint ibex]

full html d'un coups c'est bien uniquement si t'a déjà pensé a 100% de ce que tu compte mettre

[dawn tulip]

👍

[olive heron]

@errant cypress C'est pas une template en ligne ca ? X) https://www.beggin.net/

[errant cypress]

??

la base c’est stellar

[hollow sentinel]

Yo !
J'aimerais référencer mon site web pour qu'il apparaisse au moins dans les 3 premiers liens sur Google, pouvez vous m'aider et me dire comment faire svp ?

[brave jay]

Regarde le SEO

[hollow sentinel]

C'est à dire ?

[brave jay]

Regarde sur Google c’est assez complexe a expliqué et pour t’aider

Mais c’est le référencèrent en gros

Plus ton SEO est propre plus tu seras haut, mais y’a énormément de paramètres à prendre en compte

[hollow peak]

Hello ! j'ai un problème avec mes images que je nomme wave, quand elles sont sur un petit ecran (si contre celle du bas ne va pas tout en bas elle ne s'adapte pas a la hauteur de l'ecran comme sur ce screen j'utilise vuejs et tailwind ! merci de votre aide !

<template>
<div class="absolute bottom-0 right-0 z-10">
  <img class="z-10h-5/6 select-none pointer-events-none" src="../../assets/img/droit.svg" alt="1st-wave"/>
</div>
  <div class="absolute left-0 top-0 ">
  <img class="h-5/6 z-20 select-none pointer-events-none"  src="../../assets/img/envers.svg" alt="2nd-wave"/>
  </div>
</template>
<script setup>
</script>

[hollow peak]

réglé !

[storm folio]

Pour être bien référencé faut faire du SEO, en gros s'assurer que sa page est bien structuré, accessible, responsive, avec de préférence des sites externes qui pointent dessus

[hollow sentinel]

Okok

[fierce shard]

Salut !
J'aurais besoins de traquer toutes les modifications effectué sur une balise dans une page. Comment faire ?
Ce que je veux dire par là, c'est savoir quelles ligne de JS à modifié ma balise.

[mint ibex]

mettre des console.log ?

[fierce shard]

Nan, c'est pas mon code.

Je veux savoir pour uns certaine balise quelles sont les lignes de JS qui l'ont modifié.

[mint ibex]

a part copié coller le code de la page et ctrl+f le nom de ta balise, je vois rien d'autre

peut-etre ya autre chose que je ne connais pas

[fierce shard]

Je viens de trouver.

C'est dans l'inspecteur.

click-droit sur la balise -> point d'arret sur...

[sleek fjord]

Re :)))) je pète un cable sur un problème de CSS qui fonctionne ne local mais pas en prod et ça me rend fou. Une gentille âme aurait deux minutes à m'accorder en vocal pour m'aider ? 🫶

[olive heron]

Sorry je ne suis pas dispo actuellement 😅

[somber quest]

envois le code

[sleek fjord]

https://github.com/LazareTekaya/Corse-P2 tiens mon beau ❤️

[gaunt light]

Salut qui aurais d formation en html css ?

[sonic willow]

openclassrooms

[gaunt light]

tu a un lien stp

[sonic willow]

premier lien sur google

[gaunt light]

bv

[storm folio]

Openclassroom, codecademy, cs50 et pour finir YouTube

[tiny cedar]

En youtube, tu as From scratch qui est franchement pas mal

[pulsar vale]

yep il explique bien je trouve ^^

[late sun]

Bonjour, j'ai un problème avec mes <section>, je veux quelles soient centrés au milieu mais au contraire elles sont opposées, ça fait plus d'une heure que je galère dessus. Merci d'avance pour votre aide !
html:

    <h3>Contenu de la nouvelle section</h3>
    <p>Vous pouvez ajouter ici le contenu que vous souhaitez afficher à droite de la page.</p>
</section>

<!-- Nouvelle section à droite de la page -->
<div class="right-section right-align">
    <h3>Contenu de la nouvelle section</h3>
    <p>Vous pouvez ajouter ici le contenu que vous souhaitez afficher à droite de la page.</p>
</div>```
css:

            max-width: 400px; /* Définir une largeur maximale */
            margin: 40px auto; /* Centrer verticalement */
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            opacity: 0; /* Définir l'opacité initiale à 0 */
            transform: translateY(50px); /* Déplacer le section vers le bas */
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; /* Ajouter une transition */
            float: left; /* Aligner la section à gauche */
        }

        /* Animation pour afficher la section lorsque l'opacité change */
        section.show {
            opacity: 1;
            transform: translateY(0);
        }

        /* Centrer le texte */
        .center-text {
            text-align: center;
        }

        /* Couleur du texte */
        h2 {
            color: black; /* Changer la couleur du texte en noir */
        }

        /* Reduire la largeur de la deuxième section et la décaler vers la gauche */
        .second-section {
            margin-left: 20px; /* Ajuster la marge gauche pour la deuxième section */
        }

        /* Ajouter un espace entre les sections et le pied de page */
        footer {
            clear: both; /* Effacer les flotteurs précédents */
        }

        /* Style pour le rectangle à droite de la page */
        .right-section {
            max-width: 400px; /* Définir une largeur maximale */
            margin: 40px auto; /* Centrer verticalement */
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
        }

        /* Ajouter une classe pour déplacer le rectangle à droite */
        .right-align {
            float: right; /* Aligner la section à droite */```

[woven rivet]

Tu te complique la vie !
Tu ferais mieux d'utiliser du flex sur une section général (qui englobe tes 2 div) sur laquelle tu peux mettre la propriété css justify-content: space-around

Pour ton html tu aurais quelque chose comme ça:

      <div class="section">
        <h3>Contenu de la nouvelle section</h3>
        <p>
          Vous pouvez ajouter ici le contenu que vous souhaitez afficher à
          droite de la page.
        </p>
      </div>

      <!-- Nouvelle section à droite de la page -->
      <div class="section">
        <h3>Contenu de la nouvelle section</h3>
        <p>
          Vous pouvez ajouter ici le contenu que vous souhaitez afficher à
          droite de la page.
        </p>
      </div>
    </section>

Pour ton css:

    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  /* Couleur du texte */
  h2 {
    color: black; /* Changer la couleur du texte en noir */
  }

  /* Style pour le rectangle à droite de la page */
  .section {
    max-width: 400px; /* Définir une largeur maximale */
    margin: 40px auto; /* Centrer verticalement */
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }

[copper rune]

Bonjour, je suis en train de faire un dashboard pour mon futur bot discord, et j'aimerais que lorsque je clique sur un lien où la vue vers laquelle ce lien redirige nécessite que l'utilisateur se soit connecté avec son compte discord, ça mette une alerte en bas à gauche, en disant qu'il faut d'abord se connecter

Et du coup le lien ne redirigerait pas vers la vue en question

Et j'aimerais que ça soit une alerte qui s'enlève toute seule au bout d'un certain temps, avec juste en dessous du texte disant de se connecter, une barre de progression qui montre quand l'alerte se supprimera toute seule

[storm folio]

pour les liens utilise un simple <a> après pour ton alerte met une div en position absolute puis pour la progress bar utilise <progress> ou une div avec qui tu change la propriété width avec animate puis tadam un set timeout pour après supprimer la div ou un listener d'animation. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress

[copper rune]

C'est surtout au niveau du js que j'arrive pas à savoir quoi faire...
Je connais les bases mais j'en fais jamais donc tout ce qui sort des bases je sais pas faire...

Ah mais att, ya pas de js ?
J'viens d'y penser mais je peux vérifier si l'utilisateur est co ou pas dans la vue, et si il est pas co ça redirige vers la page ou j'étais, en mettant en contexte l'alerte

[storm folio]

j'ai pas regardé comment se passe l'authentification avec discord masi t'aura forcément besoin de JS j'en ai pas beaucoup parlé parcequ'on est dans le channel html css mais ton problème c'est plus relatif au #javascript-typescript

[copper rune]

Alors, en gros quand le user est co, il y a un son token dans session

Du coup juste pour savoir s'il est co, faut vérifier s'il y a 'token' dans session

mais ça c'est bon, je viens de faire que si l'utilisateur clique sur le lien et qu'il n'est pas co, ça redirige sur la page avec l'alert

maintenant je vais dans #javascript-typescript pour demander comment l'enlever au bout d'un certain temps

merci !

[late sun]

J'ai essayé mais les sections se sont retirés

[muted sparrow]

Bonjour, j'aimerais bien avoir un feedback sur le site que je suis en train de faire parce que j'ai l'impression d'avancer à l'aveugle. Si vous aviez deux minutes, ce serait gentil, merci
Le site : https://speedflag.onrender.com/

[storm folio]

Fait en plus petit et évite de centrer les texte fin plutôt les instruction ça rend la lecture compliqué

[muted sparrow]

Tu me conseille de mettre le texte à droite ducoup ?

[storm folio]

oui

et pourquoi tu as utilisé une liste ?

[muted sparrow]

Pour ordonner mais c'est vrai que ça n'a pas d'intérêt

merci

[storm folio]

met juste t'es h3 et p à la suite

[brave jay]

Sa façon est bonne dans un sens

[storm folio]

En théorie ça pose pas de soucis mais c'est un poil louche comme manière de faire, à la limite utiliser une liste ol ok mais laisser la numérotation alors

[woven rivet]

comment ça ?

[late sun]

Bah avant le problème c'est que les sections n'étaient pas centrés mais là avec le code que tu m'as donné je sais pas pourquoi mais les sections se sont retirés

[woven rivet]

Avec exactement le code que je t'ai donné ça me donne ça

[late sun]

ah

moi ça me les as retirés, du vide quoi

[woven rivet]

fait moi voir ce que tu as mis

[brave jay]

Regarde comment utilisé les flexbox

[robust obsidian]

Coucou tt le monde ! Je voudrais savoir si il est possible de mettre un SVG en dessous d'un texte qui est déjà centrer par align-items et justify-content. Merci ❤️ !

[storm folio]

Oui, un svg c'est un élément comme un autre faut juste que dans ton container tu mettent que les élément sois en colonne et non en ligne

[robust obsidian]

okk merci

[full hornet]

Bonjour à tous, je débute dans le codage HTML et CSS. Il se trouve que j'aime vraiment ça, et dans mon lycée, nous avons un devoir où nous devons créer un site web. J'ai choisi de faire le mien sur le cacao, mais je rencontre un problème. J'ai besoin d'aide car l'affichage est comme je le souhaite sur un écran 1920x1080, mais il n'est pas pareil sur les écrans d'autres dimensions. Désolé si mon code est un peu brouillon, c'est mon premier code. Est-ce que quelqu'un serait prêt à m'aider, s'il vous plaît ?

le code:

[heady elm]

Le principe même de faire en sorte que l'affichage soit pareil (ou quasiment pareil en réadaptant le style ou la disposition des éléments) sur une page s'appelle le responsive. En tant que développeur web il est vital de faire un site internet responsive, car chaque utilisateurs possède une taille d'écran différent et un appareil différent (pc bureau, laptop, téléphone, tablette ou autres). Sans le responsive, tes éléments s'afficheront n'importe comment et ça ressemblera à une chambre d'adolescent.

Afin d'aborder ce sujet, tu peux aller regarder des tutoriels sur les média queries (@media queries) sur internet, et/ou des tutoriels sur le responsive en web design.

[full hornet]

Je vais aller voir ça merci

[vivid spire]

Tu peux aussi utiliser bootstrap pour le rendre responsive

[full hornet]

Je ne connais pas peut-tu m’en dire plus stp?

[vivid spire]

bootstrap c'est un framework pour rendre responsive un site.

https://getbootstrap.com/

[digital ember]

C est quoi ce conseil nul ?

[digital ember]

Ton site est en full css ou ya deja bootstrap

Si c est full css tu vas faire tes medias queries et tu vas finir mon reuf

On met pas bootstrap juste pour le responsive

On met pas bootstrap dans un projet tout court mdr

Pq ? Déjà tailwind >>

Mais srt si c est juste pour le responsive tu regarderas le truc que t installes et le code que tu vas produire

C est lourd et impossible à maintenir

Cf https://youtu.be/77hwpuVHGps?si=WWOkoODJnHXUIzKL

[full hornet]

C’est en css y’a pas bootstrap

[digital ember]

Ben media queries

[full hornet]

Je regarde mais je vois pas ce que c’est concrètement

[digital ember]

Ou recommence tt avec bootstrap a la limite

[digital ember]

Permet de faire le resp

[full hornet]

Oui

Je me renseigne

[digital ember]

Ya 1k video sur sa

[full hornet]

Pour le moment j’avais essayé de remplacer les px par les %

[digital ember]

On remplace px (valeur absolue) par rem plutot

[full hornet]

Ça change quoi ?

[digital ember]

% c est vraiment moyen fin

H et W en vh et vw

Font en rem

Le reste en grid et flex

[full hornet]

Ok merci

[digital ember]

Vh et vw tu connais ?

Grid flex aussi ?

[full hornet]

Pas grid flex mais Vh et vw oui

[digital ember]

Oula

Comment t as fait ta nav toi 😂

[full hornet]

C’est mon premier

[digital ember]

Position absolute ? Relative ?

[full hornet]

C’est vrai que c’est un peu le bazar

[digital ember]

Tu connais grafikart ?

[full hornet]

Non

[digital ember]

(Bientot jpourrai dire tu connais moi mais bon)

[digital ember]

Meilleur ytb fr pour app le dev pour le moment

[full hornet]

😂

[digital ember]

Html css deja

Bientot ce sera moi mais chut

[full hornet]

Je regarderai alors

[digital ember]

D abord jv faire du divertissement plutot

Au sujet du dev

[full hornet]

J’espère que je l’aurais finis avant lundi soir

[full hornet]

T’as un chaîne ?

[digital ember]

Tu peux tenter

[full hornet]

Une*

[digital ember]

J avais

Shoguntotodev

[full hornet]

Ouais tu pense ?

Okok

[digital ember]

Franchement

[full hornet]

Oui

[digital ember]

Mais jv refaire de a a z

Nvelle identitee discord et tt

[full hornet]

Ah ouais

[digital ember]

Jai un peu commence mais bon

[full hornet]

Ok nickel

[digital ember]

Tant qjai pas fini jvous aide encore ici

Bref pour ton site

[full hornet]

Oui

[digital ember]

Sauf si tu dors pas

Lundi t auras rien

[full hornet]

Ah

[digital ember]

En tt cas clairement pas proopre

C est important le delai ?

Si oui payes moi jte lfais

J ai que demain apres jui en vacances mais bon

Si non ben tu mates tt grafikart

Html css

Tu t impregnes

Tu fais

[full hornet]

Ben comme j’aime bien ça et qu’en SNT on doit en créé un je veux qu’il soit le plus propre possible pour avoir un très bonne note

[digital ember]

Et tu fais quand il te manque un truc tu tapes cque tu cherches avec MDN

[full hornet]

Je peux pas …

[digital ember]

Ah mdr jai eu sa aussi ctannee

Mais bon jui avance de fou

Jai eu 20 moi

[full hornet]

Ah ouais

T’es en seconde ?

[digital ember]

Oui

[full hornet]

Dans quelle ville

[digital ember]

Valenciennes

[full hornet]

Ah on est pas à côté

[vivid spire]

marrant je suis aussi en seconde

[digital ember]

En vrai les debutants dans le dev sont ixi

Et c l age ou les gens decouvrent

[full hornet]

Mais pour mon site je suis dans la merde je pense en plus il le reste 3 parties à faire

[digital ember]

Jui venu pour aider a la base on a pas voulu de oim mdr

Dcp ben jme barre bientôt mais jaide encore un peu qd jai du temps

[digital ember]

T as ttes les vacances

Grafikart ton meilleur ami

[full hornet]

Je reprend lundi moi

[digital ember]

La doc aussi

Ah merdeeee

Moi zone B

[full hornet]

Zone À

A

[vivid spire]

moi j'ai encore 3 semaine

[full hornet]

Du coup ça fait quoi grid flex

[digital ember]

Sa permet de positionner tes elements plus facilement

Et d avoir du responsive

Et surtout d avoir un 20 du prof si il s y connait car c est des bonnes methodes avancees

[full hornet]

Ça va être compliqué à mon avis

[digital ember]

GRAFIKART

[dusky skiff]

Il a raison, actuellement tu peux bricoler avec les media queries mais à terme tu pourras les utiliser le moins possible
Tu peux construire ton site pour que le responsive soit naturel
Pour le moment ce que tu pourrais changer c'est le design général

[digital ember]

Limite regarde que flex

[digital ember]

T etais pas le dev d un gros bot toi ?

Orion un truc du style ?

[dusky skiff]

Il vaut mieux d'abord apprendre les média queries je pense

[digital ember]

Avec un lion

[full hornet]

Ok

[dusky skiff]

Effectivement

C'est mon bot

[digital ember]

Ouais mais ça fait bricolage

Encore en vie ?

[dusky skiff]

Il faut pas oublier qu'il débute

[full hornet]

Oui c’est que mon premier

[digital ember]

Ouais justement autant lui donner les bonnes pratiques

[dusky skiff]

Après ça dépend de chacun bien évidemment
Mais déjà comprendre le principe c'est bien

[digital ember]

Perso les medias queries j ai appris ya 1 an

[full hornet]

Vaut mieux que je recommence ou je modifie

[digital ember]

Alors que flex sa fait 3 ans mdr

Modifie

[full hornet]

Ouais

[digital ember]

Media queries c est de l ajout de code

Si tu flex / grid recommences

Même le HTML limite

[dusky skiff]

https://flexboxfroggy.com/#fr

[digital ember]

Mais le html montre le nous

[full hornet]

Je vais voir le plus rapide

[dusky skiff]

Le classique

[digital ember]

Mamamama

[full hornet]

Il y est en haut

[digital ember]

Avec css dinner et grid garden

[dusky skiff]

Yep

[full hornet]

Oula je connais pas tout ça moi 😅😅

[digital ember]

Moi j ai css dinner en cours mdr

[dusky skiff]

Des sites pour apprendre

[full hornet]

Ah ok

[digital ember]

Mon prof a fait sa dans ttes ses classes de 2nd avec mes conneries mdr

Et on a fork le repo et on l a commence en fr avec nouveaux niveaux

Mon prof c est devenu mon collegue mdr

[dusky skiff]

Si tu veux apprendre plein de trucs cools hésite pas avec eux :
https://flukeout.github.io/
https://flexboxfroggy.com/#fr

grid garden je connaissais pas

[full hornet]

J’essaierai

[dusky skiff]

mais ça m'a l'air cool aussi

[digital ember]

C le moins bien grid garden

[full hornet]

Le problème c’est que j’ai beaucoup de retard par rapport au délai je pense

[digital ember]

Apres si tu kiffes vrm et que t as dlargent a mettre

Dyma.fr

30€/ mois

Mais les.plus rentables de ma vie

[full hornet]

J’ai pas d’argent a mettre

[digital ember]

1 ans et demi apres

Meilleur site

Tres formateur

Et si t as du temps a tué ben grafikart et la pratique la pratique et la pratique

[shrewd marlin]

Sylvain Pierre qui code ?

[red cedar]

Ptdrr

[dusky skiff]

Son site qui se transforme en halucination collective

[shrewd marlin]

😂

[digital ember]

?

[full hornet]

Le problème c’est le temps surtout après j’en refait d’autre je pense

[full hornet]

C’est sur vu le bordel que c’est 😂😂😂

[digital ember]

Oui jme doute

[shrewd marlin]

faut avoir la ref

[dusky skiff]

J'ai pas tout lu tu dois rendre ça quand ?

[digital ember]

Les gars je passe ma vie sur CR et sur vuejs

[full hornet]

Lundi

[dusky skiff]

Lmao ok

[digital ember]

Jai 0 ref

[shrewd marlin]

https://tenor.com/view/aaaa-gif-22883791

[digital ember]

Mais top 300fr sur cr

[dusky skiff]

💀

[digital ember]

Et comprend tjrs.pas la fonction computed de vue

[full hornet]

De base j’étais serein mais quand je suis passé sur un autre écran j’ai vue que c’était pas pareil partout donc c’est la merde

[digital ember]

Ouais mdr quand on le dit pas 🤣

[dusky skiff]

écoute on t'a posé les solutions maintenant faut choisir

[digital ember]

Le responsive c la hantise du dev web

On t a tout donné maintenant faut bosser

[dusky skiff]

débutant

[shrewd marlin]

te moque pas de nous stp

[digital ember]

Surtout ceux qui use bootstrap juste.pour sa

Jui tombé sur un site la dernière fois

[dusky skiff]

Non bootstrap c'est de la merde

Il faut utiliser tailwind

[digital ember]

Je sais je sais

[digital ember]

VOILÀ

[full hornet]

C’est quoi ça encore

[dusky skiff]

Non mais tout le monde dit ça

Y'a une raison

[digital ember]

Bootstrap en mieux

[dusky skiff]

C'est que c'est vrai

[shrewd marlin]

je comprends rien, c'est une lib ?

[dusky skiff]

Après faut savoir faire du css de base attention !

[digital ember]

Framework css

[dusky skiff]

https://tailwindui.com/components

[shrewd marlin]

ah d'acc

[digital ember]

Pas lcas de tt le monde sur certains point

[dusky skiff]

Regardez les components pour voir ce que ça donne quand c'est bien fait

[digital ember]

Css est complexe

[dusky skiff]

Yep

[digital ember]

Souvent c est pas comme sa

[dusky skiff]

[shrewd marlin]

Je sais que faire ça en css les gars mdrr

* {
color: "jsp"
}

[digital ember]

Comor dans *

Sa pique

[full hornet]

J’en suis pas loin non plus tkt mdrr

[digital ember]

Jui pas le + duper enft

[shrewd marlin]

de base j'utilise h1 mais * c'est plutot pour la font family

[digital ember]

Jui duper dans ma stack moi les gars on a pas le mm probleme

[shrewd marlin]

[digital ember]

Pas de classe ni d id ?

[full hornet]

Tu pense en 2h y’a le temps de tout modifier ?

[shrewd marlin]

si si tkt jsuis pas pércher non plus

[digital ember]

Cv alors

[dusky skiff]

Si je peux te donner des conseils de design @full hornet

• Ne jamais mettre de blanc pur
• N'abuse pas trop sur les énormes bords arrondis et sur les ombres bien grasses
• Le bleu comme ça faut pas essayer de nous rendre aveugle

[digital ember]

Arrt de parler alors

[dusky skiff]

Mais sinon y'a de l'effort sur l'arrangement

Merde attends je le prend mieux

[digital ember]

Ya plein de reels "couleur autre que blanc pur"

[full hornet]

C’est pas censé être comme ça

[digital ember]

Les border radius 8 à 12px max

[full hornet]

Tu peux m’envoyer un screen du truc en plein écran stp pour voir si c’est comme ça de base

[shrewd marlin]

le monde fascinant du cacao, une bonne phrase de Sylvain Pierre ça 😂

[dusky skiff]

Mdrr

[digital ember]

Et on privilegie au max le texte en noir qd mm

[dusky skiff]

T'as tout le week end !

[full hornet]

J’ai une course dimanche

[digital ember]

Apres moi jui sur un design en cours bon

[digital ember]

Fin couleur opposé au fond*

[shrewd marlin]

moi les gars, j'ai un truc grave qui va vous rendre triste à vous annoncer, je pars demain, en vacances.. je vais plus vous voir 😦

[dusky skiff]

Oui la course de tes doigts sur le clavier

[digital ember]

Noir sur noir

[dusky skiff]

[digital ember]

La même

[full hornet]

Nan cyclisme

[digital ember]

Puy du fou

[shrewd marlin]

première fois ?

[digital ember]

2e

Sa fait 4 ans

[shrewd marlin]

pas de cerveau de farfadet ici, je disais première fois au puy du fou

[full hornet]

Mais samedi je peux à partir 13h

[dusky skiff]

[digital ember]

J avais mm pas pensé mdrrrrr

[dusky skiff]

Alors faut pas dormir

[shrewd marlin]

cool, jte conseille le spectacle Vikings, le meilleur d'après moi

[digital ember]

Conseil deja donné par moi

[dusky skiff]

[digital ember]

Ouais large je pense

[dusky skiff]

Vrai dev n'a pas besoin de sommeil

[digital ember]

Avec les mousquetaires ct pas mal de souvenir

[shrewd marlin]

vrai modo*

[digital ember]

Le secret de la lance aussi

[digital ember]

Sisi

[shrewd marlin]

[dusky skiff]

Imagine quand t'es les deux à la fois

[digital ember]

Sinon nuxt avec typescript = bcp d erreur sans dodo

[shrewd marlin]

ça sent le vécu

[dusky skiff]

Skill issues

[full hornet]

Du coup tu peux m’envoyer le screen du site en plein écran pour voir si c’était comme quand j’étais serein et je te dis comme ça

[shrewd marlin]

sinon chat.. oh non, pas ce nom, je vais pas dormir les gars

[digital ember]

Oui et non

Mon nuxt des fois

[digital ember]

Pas pour du design

[shrewd marlin]

bh je sais

[shrewd marlin]

très belle ombre de l'header en haut , ça ressemble à votre calvitie grand monarque

[full hornet]

Oula oui ça doit pas être comme ça

[dusky skiff]

Haha

Comme ça plutôt non

[full hornet]

Normalement y’a des background pour chaque section

[shrewd marlin]

c'est une hallucination collective tkt ça arrive, après y'aura des serpent et des singes qui danseront sur la page

[full hornet]

Mais ta pas les fichiers

[dusky skiff]

J'ai peut être pas tout aussi

[digital ember]

En vrai cv pour un premier

Jsp comment t as placé tes elements mdrrr

[full hornet]

Je vais essayé d’aller allumer le pc et t’envoyer le zip

[dusky skiff]

👍

Hésite pas à mettre sur codepen sinon

https://codepen.io

[shrewd marlin]

j'allais faire une blague limite limite sur le nom du site, c'est normal il est 23:35 , je passe du coté obscure

[digital ember]

Ya quoi ?

[shrewd marlin]

tkt mdrr

[digital ember]

Codepen

Frr tu vas loin srx

Ya rien là

[shrewd marlin]

faut rajouter 2 lettres à la fin 👀

ouais sinon là je suis sur un projet

[digital ember]

C quoi

Moi jreexplique pas c trop long go #python

[full hornet]

https://wetransfer.com/downloads/a4770ca72d0c86af344e690a581517f920240423172207/aa1e4f2044c0be014756ba8c733908c820240423172207/a2a771?trk=TRN_TDL_01&utm_campaign=TRN_TDL_01&utm_medium=email&utm_source=sendgrid

[digital ember]

Et une plateforme d appre tissage du deven passant par l algo

[shrewd marlin]

il s'apelle YouTubeChecker et en gros ça utilise l'api de YouTube, avec l'id de la vidéo, on peut trouver toute les stats de la vidéo

[digital ember]

Voila les 2 projets en cojrs

Stack ?

[shrewd marlin]

JS

[digital ember]

Reacy ?

[full hornet]

Normalement y’a tout dans html et css faut pas tenir compte des autres fichiers c’était des expérimentation

[shrewd marlin]

jsp du Js normal quoi

[digital ember]

Pas de react

Le fou

Srx les gars l asynchrone en js pur c moisi

Le rendu react en natif c pourri

[shrewd marlin]

c'est pas sur de l'html

[digital ember]

Met un framework dessus stp

Sinon bon projet

[digital ember]

C quoi ton truc mdr

[shrewd marlin]

avec un bot discord mdrr

[digital ember]

Ahhhhh

Jui nul à sa

Fut une epoque jen faisais

[shrewd marlin]

pourtant c'est ez

[digital ember]

Fut mtn ou jai tjrs pas fini

[digital ember]

Jpref mourir sur mes civilisations

[full hornet]

T’as pu regarder ?

[shrewd marlin]

quoi? c'est tellement facile t'abuse

[digital ember]

Nn

C lbordel

[shrewd marlin]

il joue à OverWatch c'est ciao 😂

[digital ember]

C un truc à part entière

[full hornet]

Ah merde

[shrewd marlin]

y'a juste des const, let, var et tout facile

[full hornet]

Tu peux regarder stp?

[digital ember]

Les handlers et tt lbordel

[digital ember]

Jui tel

[shrewd marlin]

t'a juste à comprendre la doc et ça passe crème

[digital ember]

C dla merde la doc mdr

Faire une commande ban mtn tu galeres

[shrewd marlin]

le guide

[digital ember]

Quitte à faire un bot

Sa part en BDFF

BDFD

[shrewd marlin]

https://discordjs.guide

[digital ember]

Mastercladd cette app

[full hornet]

Okok

[shrewd marlin]

ils t'expliquent tout dessus

[digital ember]

Js te faire des trucs en bdfd

[shrewd marlin]

je regarde stv

[digital ember]

Vu son blaz j aurai pas confiance @full hornet

[shrewd marlin]

c'est quoi ce truc encore

[digital ember]

Jdeconne hein ^^

[digital ember]

App mobile pour dev des bots avec un langage de fou

[shrewd marlin]

il va faire danser des singes et des serpents sur mon lit attention

[digital ember]

Le bdscript

Tu veux faire un ban

[full hornet]

Vous voulez pas vocal?

[digital ember]

$ban[@id]

[digital ember]

Voila le ban est fait en bdfd

[full hornet]

Y’a tout dans html et css

[shrewd marlin]

ah oui, mais guez, autant apprendre

[digital ember]

Stop se faore chier

[digital ember]

Jamais

Jme suis fait chier a app bdfd qf j avais 10 ans

[shrewd marlin]

c'est comme si t'utilisait gpt frr

[digital ember]

Jamais jme remet à djs

[digital ember]

Gpt il est nul

Blackbox et copilot

[full hornet]

Alors ?

[full hornet]

Non c’est pas le bon

Ça c’est gpt c’était pour voir un peu

Comme ça pouvait être

[shrewd marlin]

c'est lequel ?

[full hornet]

Il est dans le dossier html et css puis cacao snt

[full hornet]

Oui

C’est quoi les dimensions de ton écran ?

?

[deft burrow]

c'est toujours mieux que rxjs

rxjs...

[digital ember]

Qui touche à sa ???

[deft burrow]

ah au moins tu peux annuler avec rxjs

mais bon

[deft burrow]

bah plein de gens, t'es obligé quand tu fais du angular par exemple

mais avant l'async/await t'avais que le reactive programming hein

et encore c'était avant les Promise aussi

[digital ember]

Les promises c pas mal

[deft burrow]

bah c'est littéralement ça l'asynchrone "en js pur"

je vois pas de quoi tu parle alors

[digital ember]

Ct hironique mdr

[deft burrow]

je comprends pas ce que tu racontes

[shrewd marlin]

1920x1080

[full hornet]

c'est censé être comme ça

@dusky skiff

[tepid dock]

hey des gens de dispo ?

pour me filé un coup de pouce ?

mentionné moi si jamais

[sterile vault]

hey, oui dis moi ?

[tepid dock]

yes donc mes cours me demande de crée un quizz

avec du html, css, js

et en mode c'est un peu le bordel

y'a rien qui va en css

et c'est pareil pour le reste

[ashen falcon]

Il va nous falloir plus de précisions sur ce qui ne vas pas pour que l'on t'aide.

Essaie d'y aller étape par étape s'il y a beaucoup de problème

[split cedar]

Salut j'aurais besoin d'aide svp

[ashen falcon]

Dis m'en plus

[split cedar]

C'est long à expliquer en message c'est possible de voc ?

[ashen falcon]

Je ne suis pas vraiment disponible pour voc je vais prendre la voiture et j'ai du travail en rentrant mais je peux essayer de répondre à ta question ici et d'autre personne pourrons s'y joindre comme ça !

[split cedar]

Ah d'accord pas de problème

[brave jay]

Et du coup ?

[split cedar]

T'inquiète pas je m'en suis sorti

[gray python]

Bonjour j'ai créer 2 même menu mais 1 ne marche pas celui pour le filtre quand je clique dessus rien ne se passe. Voici mon code

[storm folio]

des erreurs ?

[gray python]

Non aucune

[shy dew]

j'essais de mettre le bandeau par dessus un div mais je n'y arrive pas.

j'ai essayé le z-index mais il ne fonctionne pas

[drowsy cloud]

navbar ?

[sterile vault]

Position absolute 🗿

[brave jay]

Mouais j’aurais plutôt dit relative

[mint ibex]

ça depend si c un bandeau indépend voué a pas bcp bougé c bien en absolute

[somber quest]

Position relative , z-index plus haut et ça devrait être bon .
Si tu met pas de position ton z index sert à rien

[somber quest]

Absolute est à adopter si tu utilise un système de container ce qui permet de fixer la position de l'element en fonction de l'élément parent (le container)
Dans son cas la position relative est plus adapté.

En utilisant les unité vh/vw sur des top/bottom/left/right , ça rendra le tous responsive

[somber quest]

Non, en relative il ne bougera pas non plus

[brave jay]

Ou si tu veux qu’il reste en haut même quand tu scroll tu as position fixed

[somber quest]

La position fixed suivra le Scroll donc non

[brave jay]

C’est exactement ce que je viens de dire

Sans doute mal formulé 😉

[somber quest]

Au temps pour moi x)

[somber quest]

Sur Valorion le button Jouer afflue sur la barre de santé, et l'inverse

Sinon c'drole 😆

[brave jay]

Ouais c’est pas finis, je dois prendre le temps 😄

[somber quest]

C'est sympa gg

[autumn rampart]

Yo j'ai une questions a poser? qui pourrais m'aider un créer un bouton cliquable pour site en HTML et CSS je galére j'aimeais avori vos avis si possible

[robust obsidian]

uiverse.io

[autumn rampart]

???

c"est quoi donc ça

[sterile vault]

un site pour les féneant xd y'a plein de "tools" déja fais

genre bouton, form, carte load

[copper rune]

Hey ! J'aimerais ajouter un svg de wave, pour donner un style à ma page, et j'aimerais, comme le bg est en gradient, faire que les vagues sont transparentes, et qu'elles n'aient qu'au niveau du bottom, un drop-shadow pour faire une délimitation assez classe (je ne sais pas encore si ça donnerait bien)

Sauf que quuand jet mets le fill de mon svg en transparent, le drop-shadow disparait lui aussi...

Est-ce que vous auriez une idée svp ? merci d'avance !

(on peut voir sur l'image, j'aimerais que le bas de mon svg soit délimité exactement comme ma card juste au dessus)

[void spire]

Euh je vois pas exactement ce que tu veux faire

[void spire]

le bas de ton svg est a la limite de la fin de la page pourquoi vouloir ajouter un shadow dessus ?

[split cedar]

Salut j'ai un problème avec mon script j'ai mis exactement la meme chose sur les deux pages mais ça apparait différement, la deuxième page ne fait pas comme là première est-ce que quelqu'un pourrait m'aider svp.

[void spire]

Ta 2eme page est situe ou dans ton code source ?

[split cedar]

C'est à dire ?

[void spire]

si c'est dans un dossier a part faut bien importer le css

[void spire]

est ce que c'est dans un autre dossier que ta premiere ?

[split cedar]

J'ai importer le css

[void spire]

si c'est dans un dossier a part que ta premiere page, l'import se fera differement

[split cedar]

Non tout est dans le meme dossier

[void spire]

ah

[split cedar]

C'est dans mon dossier Visual

[void spire]

montre les 2 page

[split cedar]

Html ?

[void spire]

oui

[void spire]

dans l'un t'importe style.css et l'autre mestarifs.css

[split cedar]

Oui c'est ça

[void spire]

Bah c'est normal que c'a t'affiche pas la meme chose nn ?

le css de la navbar j'imagine qu'il est dans style.css

il faut le bouger dans un fichier css a part et l'importer dans les 2 fichier html

[split cedar]

J'ai mis dans les Css exactement la meme chose et sauf que dans la deuxième page où il y a les tarifs ça n'affiche pas

[split cedar]

J'ai voulu mettre la navbar dans les deux mais sur un ça ne fais pas la meme chose

[void spire]

Euh alors franchement je sais pas

essaye de recharger la page

[split cedar]

Ah 😶

[void spire]

genre de recharger le css de la page

parfois c'est des probleme de cache

[split cedar]

ça change rien malheureusement

[void spire]

Ca depend du navigateur mais tu peux renitialiser le cache d'une page je crois

t'es sur firefox ?

[split cedar]

Sur opera GX

[void spire]

ah je connais pas alors desole

essaye de chercher sur internet

[split cedar]

Pas grave merci quand meme

[void spire]

👍

[vivid cliff]

Comment centrer une div ? 💀
|| Je rigole ||

[sterile vault]

le pire c'est que je regarde encore avec ma memoire de poisson

[sterile vault]

essaye ctrl + maj + r

ça reload en faisant pt le cache

[split cedar]

Non y'a rien qui change

[vivid cliff]

Aïe force moi je commence l'apprentissage

[spice elbow]

mm moi xD personne retient ca c comme position: absolute ou position: relative

[sterile vault]

[somber quest]

Grâce au JavaScript

Ou le python

[heady elm]

hein?

dit moi que tu troll 🙏

[floral haven]

Tu veux faire comment sans js ou python ?

[heady elm]

flexbox en css ?

[somber quest]

Si tu sais pas centrer ta div grace a python faut encore tryhard frérot

[somber quest]

La base ^^

[somber quest]

2

[heady elm]

mais je comprends pas pourquoi utiliser python alors que tu peux le faire en css simplement

[somber quest]

C'est bien plus optimisé de le faire en python

Bon j'arrête sayez c'était drôle 2 min

[floral haven]

Il était en sueur

[somber quest]

Aha

[heady elm]

Non vraiment pas mais parfois on croise des gens c'est terrible

[somber quest]

J'me suis endormis sur le clavier

[somber quest]

C'est vrai

[heady elm]

la nuit était courte

[somber quest]

Bah j'ai essayer de faire un header en SQl toute la nuit c'pas facile ...

[heady elm]

ah coup dur

force

[somber quest]

Je pige pas ça fonctionne pas ...
Pourtant j'importe bien tous, mes fonctions sont bonnes ...

Et le header s'affiche pas ...

[heady elm]

ta essayé de convertir en json?

tu sais parfois c'est un peu capricieux ces machins là

oublie pas de faire une boucle au cas où ça fonctionne pas la première fois

[somber quest]

Bah ouais mais ça veut pas, alors j'ai écouter un mec chaud j'ai tous mis dans le .htacces mais j'arrive pas à accéder au site maintenant...

J'ai tous casser ..

[heady elm]

mince

appelle le support microsoft ils pourront t'aider je pense

[somber quest]

Au début du code avec le <HTML> j'ai bien mis while true mais ça veut pas ...

RIP je vais essayer de faire mon site en PNG ça va probablement tous réparé

[heady elm]

oublie pas tes variables dans le .env

[vivid cliff]

Mdr, nan je sais déjà comment faire, c'était une blague

[somber quest]

C'est bon ça fonctionne grâce à toi bro , j'avais juste pas mis la variable de connexion CSS dans le .env

La j'ai mis le cluster de ma DB mongo dans le style.css et je crois que ça fonctionne , merci encore

[azure dawn]

Bonjour,
Est ce que vous savez comment je peux faire pour supprimer cette petite barre blanche sur mon select ?

[tame forge]

[azure dawn]

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <select>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </body>
</html>

[tame forge]

pas de CSS ?

[azure dawn]

Nop aucun

[sour badger]

je mis connais pas en code (un peu de phyton c tt) mais ptet augmenter l'epaisseur de la barre bleu ?
@azure dawn

[azure dawn]

C'est géré par le navigateur je crois donc on peut pas trop toucher au select en lui même

[robust obsidian]

bah créé un style css

que tu lies a l'html

[azure dawn]

Oui mais qu'est ce que je dois changer pour l'enlever justement ?

J'ai pas réussi à trouver les bons styles à mettre pour le corriger

[tame forge]

Alors si, il suffit que tu fasse ton propre menu

Surtout que cet espacement n'existe que sur ton navigateur vu que l'apparence par défaut du menu dépend du navigateur utilisé

[twin orbit]

Bonsoir, quelqu'un s'y connais en programmation pour placer un bouton cliquable sur un site WEB (le bouton à un emplacement fixe j'aimerai le changer de place)

[void anvil]

Bjr ! Pourrais tu donner ton code source pour en s'avoir un peu plus?😉 @twin orbit

[steady gazelle]

salut, j'ai installer nginks, tout fonctionne mais quand je veux aller sur une page qui est en php je pense que sa telecharge le fichier

j'ai tous bien config pourtant

[vale socket]

Salut tout le monde, sur mon site, j'aimerais pouvoir charger des vidéos de 4Gb qui durant 30 minutes, elles doivent se charger une par une sur demande. Maintenant j'ai un problème, soit je choisi de pré-charger la vidéo, mais dans ce cas cela prend une minute, soit je choisi de ne pas pré-charger mais là parfois la vidéo freeze. Pouvez-vous me conseiller une solution ? Merci

[steady gazelle]

Jte conseil de pre chargé

[vale socket]

donc il faut accepter le temps de préchargement, il n'y a pas d'alternative viable ?

[mint ibex]

A part compressé tes vidéos si c'est pas déjà fait pour les rendre moins lourde ya pas vrm de solution

[vale socket]

en fait je me demande comment fonctionnent les plateformes de streaming du coup ?

les plateformes de formations etc

[runic python]

sudo apt install php-fpm

[vale socket]

j'ai ce meme problème avec des vidéos de 1gb

[wild stump]

halala c'est moche windows

non en gros tu dois avoir du spacing en trop :

• soit du margin
• soit un question de box size

[somber quest]

nginks ?

Pourquoi pas use apache ?

[brave jay]

Ya cody maintenant

[brave jay]

Et apache c’est énorme pour rien …

[floral haven]

caddy tu veux dire j'imagine

[brave jay]

Oui 😄

[ashen falcon]

1. tu met "width: calc(100% /3)"
2. tu met "box-sizing: border-box;" la où tu as ta bordure

Ah j'ai rien dis tu as déjà border-box

[mental sigil]

ça a rien changer mais merci 🙂

de toute façon c'est pas très très grave j'ai ma petite idée d'où ça vient et j'aurais plus le problème une fois les bordures retirer

[wide root]

Salut, je sais pas si c'est ici où je peux demander de l'aide ... J'avais une question à propos de Joomla si quelqu'un si connait ?

[runic python]

Pose ta question directement

[wide root]

En ce moment je suis dans une entreprise et il mon demandé de modifier quelques trucs esthétique du site comme par exemple rajouter des logo ... Le problème c'est que j'ai accès que au panneau d'administration Joomla du site et d'après mes recherches il me semble que les possibilité depuis le panneau d'admin en therme de css est très minime. C'était pour savoir si c'était possible de modifier le site entièrement uniquement depuis le panneau d'admin où dumoins le css ?

[storm folio]

le soucis c'est t'es bordure de 1px qui décale le tout au final

[mental sigil]

yes

[storm folio]

tu peut faire en sorte de faire des bordures intérieur pour éviter ce soucis

[mental sigil]

autre chose, si quelqu'un sais comment faire pour faire en sorte d'avoir tout mes elements dans une même box et que quand j'en rajoute ils se rajoutent en 2 colone comme ça a l'infinit

[storm folio]

sur la même ligne ?

[mental sigil]

genre comme l'exemple mais si je rajoute des elements ça se mette bien en dessous de elem 5 puis de elem 6 etc... et au contraire si je retire genre elem2 alors elem 3 prend sa place, elem 4 prend la place d'elem 3 etc..

c'est fou comment le CSS c'est plus dure que le react (class oriented, fonctionnal oriented), TS, JSX...

[storm folio]

euh bah si tu utilise table c'est censé le faire seul en html sinon en css de ce que je comprend utilise display: flex puis flex-wrap: wrap

[mental sigil]

non, table tu dois prévoir où ça sera a l'avance et flex-wrap c'est ce que j'utilise mais j'ai du me tromper autre part car j'ai pas le resultat que je veux

Btw j'ai trouvé j'avais un align item trop large

[crude sphinx]

bonsoiiirrrr

y aurais t il une ame sympathique qui pourrais m aider avec une fenetre modale en css svp :))

[rustic anvil]

salut, oui