#html-css

1 messages · Page 29 of 1

mortal dawn
#

Enfaîte ça peut pas être safari sur un autre iPhone sans safari ça fait pareil

copper warren
#

t'as essayé un object-fit ? Pour ton image ?

#

Parcontre la moitié de ton CSS est à virer les display:-moz-flex servent à rien

#

Flex est compatible tout navigateur

#

Justify aussi

#

Idem pour les flex directions

mortal dawn
#

Je vais essayer cet apres midi

mortal dawn
mortal dawn
cunning terrace
#

Ma police d’écriture ne s’affiche pas, que dois-je faire ?

2884C14B-6450-46FB-8827-C649424DBBDB.jpg
old shadow
#

@cunning terrace SALUT?

#

import directement ça ira mieux

cunning terrace
#

d’accord merci

copper warren
cunning terrace
copper warren
#

Bah met le bon chemin

cunning terrace
#

oui merci

obtuse nova
#

Essaie de mettre un background-attachment : scroll pour les iphones

# 
  /* ton CSS pour Iphone */ 
}````
mortal dawn
#

Ok je vais essayer merci

cunning terrace
#

j’ai besoin d’aide, comment je pourrais avoir ce résultat ?

IMG_1356.png
plain haven
cunning terrace
plain haven
#

eheheh Ah

small basalt
cunning terrace
small basalt
cunning terrace
small basalt
cunning terrace
#

je vois, mais c’est que des div avec des class ?

small basalt
#

après dedans t'as du texte et des images

#

des span, titres h etc

cunning terrace
#

d’accord merci beaucoup

small basalt
#

pas de problème

tame forge
#

#lua-glua nan ?

rain kindle
#

salut tout le monde, je suis pas tres fort en Css, et j'ai une question assez simple mais je ne trouve pas la solution

#

J'ai un site en E-commerce sur lequel j'aimerais bien modifier le CSS

#

En gros j'aimerais bien que le positionnement de ce bloc soit modifié et ceci pour toutes les tailles d'ecran

unknown.png
#

mais sur les appareil assez petits parfois ca se chevauchent et cest trop moche

#

quelqu'un qurqit-il une idée ?

#

Merci Beaucoup

small basalt
#

@rain kindle tu parles de ça ?

unknown.png
rain kindle
#

pour l'instant je parlais du bloc "DESIGNED TO ELEVATE YOUR OUTFIT
FOR A UNIQUE STYLE

#
  • I discover"
#

tout ce bloc la

#

ensuite il faudra aussi que je resoud celui dont tu parles

#

mon probleme est que sur certaines plateforme ( comme un Iphone 8), le bouton I discover est tronqué

small basalt
#

honnêtement je sais pas mdr

#

j'ai vu le code css j'ai eu peur

#

jpense c'est en rapport avec la media query à max-width 767px mais sinon jsp

rain kindle
#

dacdac merci

solemn meadow
#

Cc

spare vessel
#

Bonjour, je me suis inscrite dans ce groupe récemment... pouvez-vous m'expliquer le contenu ou l'objectif en général ...Merci

small girder
#

@spare vessel aider les développeurs, une communauté soudé des giveaway

Je te laisse découvrir un peu les salon etc... ils parlent d'eux même 😋

void anvil
#

Hello, je viens de réaliser une petite page de maintenance pour mon projet.
J'ai bien tout adapté pour tout type d'appareils (téléphone, ordinateur etc..) et je souhaite importer ma police : Century Gothic.

J'utilise donc @import pour importer ma police depuis les serveurs de Google : @import url(https://fonts.googleapis.com/css?family=Century+Gothic); et j'adapte mon css en utilisant font-family etc..

Sur PC, cela s'affiche correctement, mais sur téléphone, pas du tout, c'est la police de base (je ne la connais pas) qui s'affiche.

Voici le code de mon .css :

@import url(https://fonts.googleapis.com/css?family=Century+Gothic);
   
body {
    background-color: #1A1A1A;
    text-align: center;

    font-family: "Century Gothic";
    font-weight: bold;
    font-size: x-large;
}

.underclass {
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.underclassp {
    color: #808080;
    font-size: medium;
}

.underbutton {
    font-family: "Century Gothic";
    font-weight: bold;
    color: #1A1A1A;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    padding: 5px 15px;

    transition: 0.3s;
    opacity: 0.6;
    text-decoration: none;
}

.underbutton:hover {opacity: 1}```

Comment je peut régler le problème svp ?
Merci !
*Notez que je débute dans le html/css.*
small basalt
errant tinsel
#

Quelqu'un sait comment aligner la partie du milieu peu importe la taille de l'élément à droite et à gauche?

plain haven
#

faut que tu fasses :

justify-content: space-between;
``` je crois
grim imp
#

Si cela peut t'aider

mint ibex
#

bsr, comment je fait changer l'option de la balise select en fonction d'un autre autre élement ?

obtuse nova
#

Détecter le changement d'état d'un élément pour permettre d'update un autre

mint ibex
#

oui

#

ça je sais

#

je veux savoir comment nommer ma balise select

#

pour la modifier ainsi

obtuse nova
#

Tu la nomme de la manière que tu veux tant que tu peux l'identifier en js

#

Fin je suis pas sûr de comprendre

#

ce que tu souhaites

mint ibex
#

ok att

#

un truc du genre

unknown.png
obtuse nova
#

Tu utilises du Jquery ou tu fais que du JS natif ?

mint ibex
#

jsp ce qu'est Jquery

obtuse nova
#

un framework JS. Pas grave. En fait il faut que tu utilises ce qu'on appelle un eventListener

#

document.getElementById("pages").addEventListener("click", function(){ce que tu veux faire});

#

ici le js va chercher l'élément avec l'ID pages et "écouter" ce qu'il se passe (addeventlistener) sur l'évenement qui est en paramètre (ici "click") et ensuite faire ce que tu souhaites dans la fonction suivante en second paramètre

#

C'est clair ? 🤔

mint ibex
#

et comment je dis ducoups "mettre option 2" ?

obtuse nova
#

je sais pas ce que tu cherches à faire mais tu peux mettre dans ta fonction : document.getElementById("pages").value = 2;

errant tinsel
#

Parce que la taille a gauche est plus petite qu'a droite

obtuse nova
errant tinsel
#

Tous ou ceux de gauche et droite?

obtuse nova
#

tous

#

si ça marche pas tu aurais le bout de code html et css correspondant à ton screenshot ?

errant tinsel
#

Ca marche

#

Mais

#

Vu que ça met à la même taille à droite ça va pas

copper warren
#

C'est normal les blocks vont de gauche a droite

#

Donc ça sera forcément collé à gauche

errant tinsel
#

Yes

#

Y a pas un moyen de mettre à droite?

copper warren
#

T'as justify-between et tu dis que celle du center est pas au millieu ?

errant tinsel
#

Oui

copper warren
#

Bizarre j'ai jamais eu ça perso

obtuse nova
errant tinsel
errant tinsel
#

Déja fait mais ça le met à gauche quand même

copper warren
#

@errant tinsel bah déjà la y'a un soucis avec ton html

#

Normalement l'espacement tu devrais en avoir deux

errant tinsel
#

Non la je focus pas sur la navbar

#

C'était pour montrer le centre

copper warren
#

Ok je vois 🤔

#

Ce que tu peux faire sinon

#

C'est mettre en flex et justify center les éléments au millieu

#

Avec une div en positions relative au dessus

#

Et les éléments de gauche et droit tu les mets en absolute right 0

#

Et l'autre left: 0

errant tinsel
#

Bah en soi flex-1 ça à fonctionné, faut juste que la partie de droite soit par rapport à la droite

copper warren
#

tu peux text align sur des images de mémoire

obtuse nova
#

t'as tenté un text align ?

errant tinsel
#

Nope

copper warren
#

Bah tu fais ce que j'ai dis au dessus ça marche 100%

errant tinsel
#

J'ai fait text-align right sur la div mais ça a pas l'air de marcher

errant tinsel
#

Alors

#

Je sais pas si c'était ça que tu m'as dit

#

Ah non c'est bon j'ai réussi

#

J'ai séparé tous les éléments

#

J'ai mis le logo left: 0; la navbar justify-center et les liens right: 0; en position absolute tous

#

Je pense que c'est ça que t'as dit

copper warren
#

Alors pas la div du milieu en absolute

#

Chiant que je sois pas sur PC attend je vais voir pour en lancer un vite fais

errant tinsel
#

Si je le met pas en absolute ça fait ça

unknown.png
#

La ça marche

unknown.png
copper warren
#

Attend je lance un pc je test de mon côté

errant tinsel
#

Okok

copper warren
#

Moi ça marche bien

#

Bon j'ai pas mis celle du milieu en flex

#

mais dans l'idée si je la met ça changera pas

# 
    <div class="navbar">
        <div class="center">
            <p>Accueil</p>
            <p>Blablabla</p>
            <p>Blablabla</p>
        </div>
        <p class="left">Jesui un test</p>
        <p class="right">Je suis uzehrhziurhziuhrziuehrizuhriuzeh</p>
    </div>
# 
.navbar {
    color: white;
    display: flex;
    justify-content: center;
    position: relative;
    background-color: black;
    padding: 5px;
}

.right {
    position: absolute;
    right: 0;
}

.left {
    position: absolute;
    left: 0;
}

.center {
    display: flex;
}

.center p {
    padding: 0 0 5 5;
}
#

Sur ceux je go ronfler j'espère que ça t'aura aidé

small basalt
#

Si ça peut vous aider

twin vapor
#

Bonjour à tous, quand je mets ma grid en version tablette pour faire 2 colonne elle ne prends pas, pouvez vous me dire d'ou vient le conflit ?

Screenshot_2022-06-21_at_10.39.10.png
void anvil
#

Hello,

#

Avez vous des tips pour rendre responsive la navbar d'une page web ?

#

je ne parviens pas à arranger la mienne

copper warren
#

Pour le mobile le mieux reste de faire un bouton clickable

void anvil
copper warren
copper warren
void anvil
# 
@media screen (max-width: 510px) {
body{
    width:100%;
}

nav{
    width: 100%;
    font-size: 1em;
}

}

(j'en suis qu'au début 😉 )

twin vapor
twin vapor
copper warren
#

C'est pas nav c'est sûrement ".nav"

#

Je suppose que c'est une class

void anvil
void anvil
#

Salut l'equipe, j'ai une question, comment on modifie lespacement entre chaque retour a la ligne avec <br> ?

spiral phoenix
#

Savez-vous comment je peux espacer des div entre elles dans une div ?

small basalt
spiral phoenix
#

Bah espacer verticalement deux div dans une div ._.

small basalt
#

tu peux utiliser les margin ou bien le gap si tu utilises flex ou grid

spiral phoenix
#

mrc

#

le margin je l'utilise dans la div qui contient les div ou les div a l'intérieur de la div

small basalt
#

sur les div qui sont dans la grosse div

spiral phoenix
#

ok ok merci

old shadow
#

Bonsoir ,
auriez vous des maquettes à reproduire en HTML / CSS ?? me ping svp

mint ibex
#

pourquoi quand je met ça, ça change carrément ma variable en ce qui est en ' ' ? et ça vérifie pas juste

unknown.png
twin cradle
mint ibex
#

c quoi la diff entre 1, 2 ou 3 = ?

twin cradle
#

1 = c'est pour assigner par exemple
let variable = 10;

#

2 = c'est pour comparé la valeur par exemple
if (10 == '10) // ça return vrai (true)
3= c'est pour comparé la valeur et le type par exemple
if (10 === '10) // ça return faux (false) car 10 est un nombre et '10' une string
par contre if (10 === 10) // ça return vrai

#

donc le 2 et 3 c'est pour comparé

#

le seul c'est pour assigner

mint ibex
#

ok merci !

twin cradle
#

pas de soucis

mint ibex
#

j'ai l'impression mon site est plus lent qu'avant

#

est-ce que c'est peut être a cause du fait que mon javascript est dans le fichier html

plain haven
#

alors c'est un saut de ligne, donc si tu définis un espacement spécial (line-height)

#

ça règlera ton problème, mais n'oublie pas que le break (<br>) consiste bien à sauter une ligne, et donc n'est pas un espace entre deux texte, sauf si tu l'utilises hors texte, genre pour espacer deux div, et bah là c'est la mauvaise méthode

#

👋

plain haven
#

Alors dans Dribbble (https://dribbble.com/), tu peux trier les résultats, et tu peux sélectionner Figma, pour n'avoir que les maquettes figma, et tu peux les télécharger et après les poser sur figma, c'est gratuit (https://figma.com). Il y a beaucoup de maquette web 👍

unknown.png
plain haven
#

Tu peux définir un padding pour la di de l'intérieur

spiral phoenix
#

Bah justement quand je met le padding sa m’agrandis ma div

plain haven
#

ça devrait pas

plain haven
pale tangle
#

Bonjour à nouveau petite question j'ai mis mon image

mais elle reste là haut

j'aimerais la centrer
merci

unknown.png unknown.png
plain haven
#

dcp peut-être qu'elle est trop petite

#

a la centrer

#

bah tu fais align

#

align: center;

pale tangle
#

ok mrc

pale tangle
plain haven
#

je le savais.

#

non jrigole 😂

#

j'essaye

#

tu veux la mettre en fond d'écran ou juste la centrer ?

#

?

#

pas compris

pale tangle
#

je veux que l'images soit en arrière plan

plain haven
#

ah

#

en fond ?

pale tangle
#

oui

plain haven
#

enlève le height

pale tangle
#

ok

void anvil
plain haven
#

il l'a déjà mis

pale tangle
plain haven
#

envois l'image

#

et ton code

#

tout quoi

#

je te le fais

#

met ça dans un mediafire

#

ou balance les fichiers ici direct

pale tangle
#

trop lourd

plain haven
#

ok

pale tangle
#

merci

plain haven
void anvil
#

un playground

#

Pour web

plain haven
#

je sais

#

pas m'en servir

pale tangle
#

bah tt mon css

plain haven
#

et ton html :/

void anvil
plain haven
#

dcp pour tester

pale tangle
#

ah

plain haven
#

azy c tout péter

pale tangle
#

Je précise que c'est mon premier ducoup normal que des choses soit bizzare

plain haven
#

non tkt

#

met tout là je ferais sur mon IDE

#

et oublie pas les images

#

tout quoi

void anvil
#

Bien vu

plain haven
drifting crown
#

Salut quelqu'un sait comment faire cet effet de décalage ?

unknown.png
pale tangle
#

Bonjour dès que je lance mon logiciel je n'ai plus que mon css et plus mon HTML et dans le dossier de mon site le HTML je le vois pas. Donc je n'ai plus que sur JDFIDDLE une copie de mon HTML mais à chaque fois recréer le tout c'est chiant merci à celui qui aura là solution

pale tangle
#

Genre on peut pas enregistrer son HTML sur son pc comme son css ?

sly crest
#

Bonjour, j'aimerais centrer verticalement ma navbar, ça serait possible ?

unknown.png
old shadow
#

@sly crest pour centrer ta nav pas comme ça ... tu veux la mettre en haut ?

#

utilise les flex box

high karma
void anvil
#

Effectivement

forest echo
sly crest
sly crest
#

Prcq j'ai testé position:fixed avec right:0px

pale tangle
#

ou est-ce que on trouve fichier html

copper warren
#

ça veut rien dire ça

pale tangle
copper warren
#

Toujours pas calme toi, prend le temps d'écrire parce que la ça veut rien dire

#

Tu veux faire quoi exactement ?

pale tangle
#

quand je lance mon logiciel j'ai que mon css

copper warren
#

Oui bah t'ouvre ton fichier html ducoup ?

pale tangle
#

et mon html est dans une copie

copper warren
#

Bah tu fais un clique droit dans ton projet new file

pale tangle
copper warren
#

et tu fais un index.html

copper warren
pale tangle
#

j'ai pas un dossier propre comme le css

unknown.png
copper warren
#

T'as pas un dossier propre comme le css

#

faut vraiment faire un effort sur les explications

#

Tu prend ton index.html que tu trouves quelque part sur ton pc

pale tangle
copper warren
#

sinon tu la créer ?

pale tangle
copper warren
#

Si tu sais pas faire un fichier sur ton ordi commence déjà par t'y interesser avant de faire du dev ça peut être utile

pale tangle
copper warren
#

Bah il est où le problème ?

#

Tu fais ton fichier html et tu link ton css

pale tangle
copper warren
#

Bah la ou t'as ton css en theorie ?

pale tangle
#

pourtant je l'enregistre sur un document

#

mais il apparait pas

pale tangle
copper warren
#

Bah tu cherche sur ton pc ?

#

Je sais pas moi faut faire un effort la

pale tangle
quiet path
#

Bonsoir, savez vous comment mettre un fond transparent sur une photo svp

patent solstice
mint ibex
old shadow
#

@mint ibex JS il me semble

mint ibex
#

oui mais j'aimerais un peu plus de précision

sly crest
copper warren
#

Une petite animations CSS suffis

quiet path
sly crest
copper warren
#

Oui fin gsap c'est une machine à gaz

pale tangle
#

Salut comment je peux center les images merci

unknown.png
copper warren
#

Center les images ? 🤔

sly crest
#

Prcq la ça affiche le haut gauche de l'image car c'est zoomé

void anvil
pale tangle
pale tangle
#

et je veux que se soit centrer sur lui

copper warren
#

Faudrait peut être voir le code ?

pale tangle
quiet path
pale tangle
#

mais je crois que l'image et trop grande

quiet path
pale tangle
#

mais ducoup j'ai fais ca

quiet path
pale tangle
#

mais toujours pareil

quiet path
pale tangle
quiet path
#

moi je trouve tout ce que je veux pourtant

pale tangle
#

genre t'as neymar

quiet path
pale tangle
#

y a pas autres choses

void anvil
#

Slt… essaye avec ça

pale tangle
#

j'ai trouvé tkt

#

la hight et la width

mint ibex
quiet path
mint ibex
#

C'est pas forcément très clair a comprendre

plain haven
#

ça devrait le faire

#

Si tu importes ta police d'écriture depuis Google @mint ibex il n'y a aucune raison apparente de dysfonctionnement

frozen nymph
#

Bonsoir !
Je suis à bout

#

je suis novice

#

et je m'entraine sur du css et mon problème c'est ces putins de checkbox qui veulent pas disparaître :

#

quelqu'un a une idée de ce que je fais mal ?

small basalt
frozen nymph
frozen nymph
small basalt
#

mdr

frozen nymph
small basalt
tame star
#

pour ajouter une ombre tu peux faire des box shadow

#

et si j'ai compris ce que tu veux faire, tu peux ajouter une ombre interne pour faire une séparation plus smooth

mint ibex
forest echo
#

tu pourrais surtout mettre le bouton pour changer les pages en bas à droite ca serait plus simple je pense

mint ibex
#

Ok

mint ibex
forest echo
#

je suppose que oui mais je ne sais pas comment

small basalt
mint ibex
small basalt
mint ibex
#

pour la rende plus fluide je ne vois que la rendre plus longue

mint ibex
small basalt
# mint ibex c mieux ?

Oui, après est-ce que tu peux faire en sorte qu'on voit la page de gauche un peu plus tôt, quitte à un moment donné voir les deux pages en même temps ?

mint ibex
#

vu comment mon truc est foutu je suis pas sûr de pouvoir, mais j'ai peut-être une idée

#

comment je fais pour que les deux images se superpose au millieu ?

unknown.png
mint ibex
#

car si j'en met qu'une seul, elle se trouve au millieu

copper warren
#

Tu peux mettre des margins négatif pour les rapprocher

#

Ou alors tu mets les deux images dans une même div qui est flex et le comportement de base c'est quelle vont ce coller

mint ibex
void anvil
#

Code stp

plain haven
#

👌

mint ibex
brave jay
#

C'est quoi limage1 et limage2

mint ibex
#

Les images qui bouge sur ma vidéo

brave jay
#

oui mais sans le code on peut pas t'aider

#

a quel moment tu les modifie ect

mint ibex
#

Bah

brave jay
#

et ton translate tu peux mettre 100%

mint ibex
#

Pour moi tout est là

#

Tu veux la déclaration des variables en plus ?

brave jay
#

Pour mieux me faire comprendre, a quel moment tu définis l'image ?

mint ibex
#

Dès que la page se crée

#

Att

brave jay
#

Ok, maintenant quand tu changes de page a quel moment l'image ce change ?

mint ibex
brave jay
#

ok attend 5 minutes

#

euh

#

sur ton github ca marche tres bien

mint ibex
#

C'est pas le mm code

#

Mais la seul différence normalement c'est que j'ai dupliquer l'image

brave jay
#

Ok alors dans ton css au lieu de faire une animation

#

tu mets une transition all

#

et ensuite tu changes le translateX a chaque image

#

moi je ferais comme ca

#

mais avec le peut de code que tu donnes je peux pas vraiment t'aider

mint ibex
#

Ok

#

Mais comment je fait translateX en js ?

#

pas un truc du genre ?

unknown.png
#

je pense g compris le prblm finalement

small basalt
mint ibex
small basalt
#

J'aime bien

mint ibex
#

merci ^^

old shadow
#

@mint ibex super , mais tu pourrais rajouter des flèches pour changer de page ??

mint ibex
#

comment ça ?

#

suffit d'appuyer a gauche ou a droite pour tourner la page c suffisant non ?
y'a 4 moyen pour tourner la page
: appuyer avec la souris a droite ou a gauche
: le petit numéro en haut a droite
: le bouton en haut qui permet de choisir la page ou aller précisément
: les flèches du clavier

void anvil
#

Salut tout le monde, j'ai un petit problèmes, jai une maquette très simple a intégrée sauf que il y a un background d'un Bored Ape placé en bah a gauche. En théorie c'est simple mais quand je fais le background dans mon css, le background se repeat donc jai fais un no-repeat sauf que ca suprimme le background. Si quelqu'un peut m'aidé. je vous met des photos en dessous.

#

Maquette :

unknown.png
#

le index.html dans chrome ( si ya du texte un peu partout c'est normal, je men occuperait apres le background )

unknown.png
void anvil
#

En cas de reponse merci de me mp ou @

copper warren
#

@void anvil je serais toi vu ou il est placé je l'aurrais pas mis en background

void anvil
#

et apres je mets un z index pour le faire passer en dessous

copper warren
#

J'aurrais fais un flex comme ça :

unknown.png
#

et tu réduis l'opacitée de ton bored

void anvil
#

oe bien sur

#

jy avait pensé mais pour le responsive cest plus compliqué

copper warren
#

Sinon ce que tu peux faire

#

C'est le mettre en absolute

#

right 0

#

bottom 0

digital swallow
#

non le absolute peut poser pas mal de problème

copper warren
#

t'as deux solutions celon moi

copper warren
digital swallow
#

s'il initialise son css correctement et modifie les tailles après il na pas besoin d'un absolute x)

copper warren
#

Qu'est ce que tu baves ? Parce que a part faire le connaisseur tu lui apporte pas de solutions la

#

Absolute c'est une solutions et spoil ça marche bien

digital swallow
#

je suis entrain de l'aider en mp

copper warren
#

Le but du serveur c'est d'aider ici

#

ça peut servir à d'autre

digital swallow
#

je mettrai ma solution apres

#

Voici la solution trouver pour le soucis de fond

<html>
    <head>
        <title>test</title>
    </head>
    <link href="style.css" rel="stylesheet">
    <body>
        <div class="accueil"></div>
    </body>
</html>
# 
*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    width: 100%;
    height: 100vh;
}

.accueil {
    width: 100%;
    height: 100%;
    background: #17202a url(testbored.svg) left no-repeat;
}
left goblet
#

Hello, je n'arrive pas à trouver de solution (logique et technique) pour définir les tailles de typos lorsque le zoom level par défaut est à 125% par exemple.
La règle serait de ne pas zoomer mais les sites sont éclatées (on entre dans certains breakpoints tablettes sur certains écrans)
On ne peut pas forcer le zoom pour conserver l'accessibilité.
Sur l'image 1 => zoom à 100%
Sur l'image 2 => zoom à 125% (en zoom par défaut windows)

image1.png image2.png
void anvil
#

Hey, quelqu'un sais si il y à des cours gratuit en ligne pour apprendre le html ?

wispy gate
void anvil
#

ok

mint ibex
#

Vous auriez une idée de pourquoi la barre au dessus disparaît parfois et quand j'appuie dessus, elle réapparaît

void anvil
#

Hello, je souhaiterai faire un slider avec un texte "cliquable", en dessous de ma barre de navigation. Je ne parviens pas à trouver de tuto sur le web. Les seuls que je trouve sont faits avec des images et non des texte. Avez vous quelques conseils ?
Merci 🙂

old shadow
#

@void anvil si j'ai bien compris tu veux faire un menu déroulant à proprement parlant

void anvil
old shadow
#

@void anvil j'ai trouvé ça

void anvil
old shadow
#

AH je vois

#

je vais check mais je promet r

void anvil
fresh sparrow
mint ibex
#

comment je dis en js "si l'animation est en cours: blablabla" ?

fresh sparrow
#

Mais si tu veux voir si quelque chose est en cours ou non de mon coté j'aime utiliser des boolean, un simple if fait l'affaire

mint ibex
#

if ça est en cours

unknown.png
#

c'est quoi le code

fresh sparrow
#

C'est quoi la duration de ton animation ?

mint ibex
#

ça depend de là ou je l'utilise

#

environ 700ms

fresh sparrow
#

coté js tu crée une variable qui contient le paragraphe ou autre qui utilise ton animation

# 
if(variable.animationPlayState == "running"){
        //Animation est en cours
    }
#

inversement t'as le playstate paused

mint ibex
#

super mrc

fresh sparrow
#

Bonne soirée

mint ibex
#

a toi aussi

mint ibex
#

ya qqch en js pour désactiver temporairement une fonction ?

empty tartan
mint ibex
#

Le prblm est réglé c bon merci

mint ibex
#

Vous savez comment faire pour que si on met le lien de mon site sur discord, ça donne un aperçu comme ici ?

Screenshot_2022-07-01-23-57-55-026_com.Discordbeta.jpg
brave jay
mint ibex
#

ok mrc

foggy bolt
#

Bonjour, quelqu'un aurait une solution pour ce problème (Je sais déjà que c'est un problème d'authentification) ? Merci d'avance ^^

[Cosmo ~ DEBUG] (HTTP) Request succeeded, status code: 401
[Cosmo ~ DEBUG] Endpoint: https://montesiteestladebase/api/game/store/pending
[Cosmo ~ DEBUG] (STORE) Invalid response received from API when fetching pending orders.
[Cosmo ~ DEBUG] (STORE) Body:

tranquil pasture
#

Bjr c possible que quelqu'un me fasse un design pour mon site je rémunére pas merci !

tame forge
tranquil pasture
#

Bjr

#

Qui peux me dev un site j'ai la maquette

#

No rémunération

floral haven
#

Il faut utiliser le site pour poster une annonce..

tame forge
vital vapor
#

Salut vous savez pourquoi en on m'est notre background la nav bar se m'est au dessus et pas dessus ?

unknown.png
mint ibex
#

Car le z-index est plus élevé peut-être

vital vapor
#

je doit faire quoi du coup ?

#

@mint ibex

mint ibex
#

C dans le css

#

Mais euh c'est du php jsp si c'est différent

vital vapor
#

non y a que du html pour le moment

#

c'est bon j'ai trouvé

#

merci quand meme

mint ibex
#

Okk

mint ibex
#

pourquoi je ne peux pas faire ça ?

unknown.png
#

pour récupérer l'url de mon image

empty tartan
#

Essaye de voir plutôt les limage2.

#

À la place de location href pour voir

#

Ou sinon une petite recherche Google en anglais et t'auras ta réponse sur stackoverflow

wispy gate
#

Bonjour tout le monde, j'ai un probleme avec ma navbar. Lorsque je retrecis ma page, mon menu se déroule pas. Quelqu'un peut m'aider ?

tame forge
wispy gate
tame forge
#

Je sais pas, mais met tout en cas 😅

wispy gate
void anvil
#

help me pls

kjk.png
#

sa me gonfle mdr

left goblet
#

Hello j'essaye d'adapter mes polices avec la propriété resolution.
En gros moi j'ai un écran 1920px dont j'ai enlevé le zoom par défaut de windows qui est à 125%
Mais les clients a qui je fais le site ont le zoom de 125% qui est activé ducoup la police est plus grosse que prévue
Ducoup j'ai essayé de faire un exemple avec des couleurs mais j'arrive pas à capter comment faire pour par exemple lui dire que de base je veux que la font-size fasse 16px mais qu'avec une résolution zoomé elle fasse 14px (ou moins) etc...
Si quelqu'un a déjà utilisé cette propriété pour le zoom ça m'interesse 😄

unknown.png
tame forge
#

C’est carrément traduit, donc je vois même pas pourquoi tu demande ça 😂

little bloom
#

Votre avis sur le design ?

Screenshot_2022-07-06_at_17-58-55_Screenshot.png
austere lark
#

Sympa !

mint ibex
#

coucou

#

comment on dis en js de faire remonter la scroll bar de l'utilisateur ?

#

par exemple qui si il appuis sur un bouton il remonte tout en haut de la page

high karma
#

Pas besoin de JS 🙂

#

Tu fais un href sur un ID <a href="#IdDeTaDiv"></a>

#

Et ça remonte

mint ibex
#

Coucou

#

Ici j'aimerais que quand je vais sur la page suivante ça m'emmène directement tout a droite de l'image mais ça ne le fait pas

#

pour ça j'ai rajouter ça a la fin de ma fonction qui tourne les page (tourner une page prends déjà 700ms le timeout est là pour ça)

unknown.png
hallow forge
#

comment faire un dégradé de blanc (haut) et noir (bas)

#

en css

sterile skiff
sly moat
#

Salut je suis en train de dev un site et le probleme c'est que jarrive pas a retirer l'espacement entre deux element

#

jai mis * {margin: 0; padding: 0; } mair r y fait

#

sa me perturbe de ouf et tout le monde dit de mettre le margin et le padding a 0 ce que j'ai fait mais r change et quand j'inspecte la page cette espacement appartien a aucun des deux element

void anvil
#

Tu as essayer de retirer le margin-top de ton ul li {}?

cloud dawn
#

Bonsoir, j'aurais une question comment je peux rajouter un bouton sur une image ?

sharp eagle
tame forge
iron stone
cloud dawn
sharp eagle
#

Cela dépend de ce que ton bouton doit faire, mais si c'est une simple redirection, un simple lien <a href> que tu positionne par dessus l'image devrait suffire non ?

#

ou sinon tu peux appeler une fonction javascript avec un onclick="myFunction()" sur ton texte

#

(et même chose que pour le lien <a> ci-dessus, après il n'y a qu'à placer le texte par dessus l'image en jouant sur les z-index et les positions)

#

@cloud dawn

cloud dawn
copper warren
#

@void anvil oui dans ça propriété CSS *

copper warren
cloud dawn
copper warren
#

Non

#

Tu met ton image en background de la div

cloud dawn
#

Désoler je débute et ok je vais essayer

copper warren
#

Soit tu fais ça, soit tu peux faire ta div relative tu met ton image et ton bouton lui absolute ça peut être une solutions aussi

cloud dawn
#

La plus facile tu pense c'est laquelle ?

cloud dawn
copper warren
cloud dawn
copper warren
#

Ok bah met une taille à la div qui possède le background image

#

Genre h-10

cloud dawn
#

h correspond à height ?

copper warren
#

Oui

#

Tu utiles tailwind nan?

cloud dawn
#

non connait pas c'est quoi ?

#

Le truc c'est que je débute

copper warren
#

Ah autant pour moi je pensais

#

Mais ducoup oui c'est bien height

cloud dawn
#

Mais le truc c'est que ma div mon height est sur auto et tu me conseil d'utiliser tailwind ?

mint ibex
#

Pour pouvoir adapter mon site a tout type d'écran, il faut notamment que je place mes éléments avec des pourcentages non ?

copper warren
copper warren
cloud dawn
mint ibex
#

Ya une différence a utilisé oneclick() ou addEventlistener() ?

cloud dawn
#

Bonsoir j'ai un problème, en effet je voudrais aligner 2 éléments différent sur la même ligne mais je n'y arrive pas car soit un de mes éléments reste au dessus ou sois mon 2e éléments prend la taille de l'autre (j'utiliser tailwind)
Screen :

unknown.png
small basalt
cloud dawn
# small basalt pas très bien compris ton problème

Enfaite j'aimerais aligner mon bouton se connecter avec la barre de navigation mais quand j'arrive à aligner mes 2 éléments, le bouton se connecter et trop gros et sinon j'ai essayé de déplacé mon btn du code mais avec cette méthode impossible d'aligner les éléments
Code : ```html
<!--Header-->
<div class="max-w-md mx-auto rounded-lg overflow-hidden md:max-w-2xl">

        <div class="md:flex">
            <div class="p-8 m-4 flex align-middle header-center text-white font-bodyFont">
                <a class="pl-14" href="">ACCUEIL</a>
                <a class="pl-14">TARIFS</a>
                <a class="pl-14">NOS MODULES</a>
            </div>
            <button
                class="duration-150 bg-green-500 hover:bg-green-700 text-white font-bold header-login-weight header-login border border-green-700 rounded-lg">
                Se connecter
            </button>
        </div>

    </div>
    <!---->```
small basalt
#

tu changes sa hauteur / largeur ou son padding non ?

cloud dawn
#

Merci ça marche

#

@small basalt Peut-tu me dire comment faire pour faire une redirection ? Car j'ai fais avec un href mais cela ne marche pas

small basalt
#

fais voir ce que tu as mis

cloud dawn
# 
                <button
                    class="h-10 px-5 mt-9 text-white transition-colors duration-150 bg-green-500 rounded-lg focus:shadow-outline hover:bg-green-700"
                    href="./login.html">Se
                    connecter</button>```
small basalt
#

tu peux pas mettre de href dans un button, ça doit être dans un <a>

cloud dawn
#

Ha mince mdr et il n'y a pas de possibilité avec un bouton ?

small basalt
#

Tu peux styliser le <a> comme un bouton

cloud dawn
#

Oui je sais bah je vais faire cela alors

small basalt
#

Il y a beaucoup de méthodes après, fais comme tu veux

cloud dawn
#

Merci 🙂

hallow forge
#

comment regler le gros blanc qu'il y a entre le haut de ma page et la première image

tame star
#

on dirait que tu as ctrl c + v depuis figma 😅

#

sinon sa viens de ton top je suppose

honest salmon
#

La bro désolé mais c'est trop le bordel

forest echo
#

Je confirme, je comprends pas comment il peut y avoir autant de choses dans le html

#

Sachant qu’il y a seulement 2 images

stoic plume
#

Bonjour, je dois mettre où pour insérer mon logo en haut à gauche de la page svp ? merci

# 
    <section class="loading"></section>
    <section class="hero">
        <div class="socials">
            <ul>
                <li>
                    <a href="#" target="_blank">
                        <i class="fab fa-discord"></i>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <i class="fab fa-twitter"></i>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <i class="fab fa-medium"></i>
                    </a>
                </li>
            </ul>
        </div>```
#

<h1></h1>
<img src="img/logo.png">

#

je dois mettre ça je crois

small basalt
#

Je te conseille de regarder des tuto sur les navbar

stoic plume
#

Je ne trouve pas l'endroit ou écrire

#

le mettre en haut à gauche simplement

unknown.png
#

sans nav barre ou autre module

void anvil
#

bonjour, j'ai commencer l'html sur la video de from scratch (que j'ai fini et bien compris ) et est-ce que il faut que je continue d'apprendre plus de choses ou je commence a apprendre css

copper warren
void anvil
small basalt
copper warren
void anvil
#

ok mais je pense qu'il faudra que j'apprenne encore quelques choses plus compliqué apres

copper warren
#

JS 😬

void anvil
copper warren
#

Bah pour apprendre plus compliqué après CSS

void anvil
#

java script?

copper warren
#

Oui

forest echo
#

J’ai commencé y’a pas si longtemps, c trop dur 😂😭

old shadow
old shadow
#

Mai avant de t’attaquer au JS faut avoir les « bases » du HTML ET CSS, ne te précipite pas sur le CSS pour apprendre un autre langage

honest salmon
#

Se site est sympa pour s'entrainr sur le html/css

copper warren
#

@honest salmon faut déjà avoir un minimim de connaissance sur ce genre de site

#

Mais y'a plein de petit jeux pour apprendre les notions importante du CSS genre flex froggy

honest salmon
#

Ya des template très simple

copper warren
#

Flukeout

stoic plume
#

Bonjour, quelqu'un sait t'il comment je pourrais faire pour que quand on arrive sur mon site dès qu'on scroll la première fois ça nous emmène à un niveau précis ? merci
Un sorte de tp mais fluide

tame star
void anvil
#

est-ce que quelqu'un pourrais me donner un site pour s'entrainer en html svp mais que en html sans css

mint ibex
#

comment je capte si ma balise select est ouverte svp ?

forest echo
#

Tu peux utiliser :active , ça permet de savoir si un utilisateur interagit avec cet élément.

#

Par exemple :

class:active {
color: red;
}

#

@mint ibex

mint ibex
#

thx mrc

forest echo
mint ibex
#

comment je fais ce genre de barre que l'on peu bouger ?

unknown.png
#

je sais pas quoi chercher sur internet pour trouver mdr

void anvil
#

Range Slider je dirais

copper warren
copper warren
hallow forge
#

je le fais comme ça car on m'as dit que valais mieux le faire une ligne par balise

#

que une ligne par élément

#

ex:

#

a{type:bold} V

#

a{
type:bold
} X

forest echo
#

Euh

#

J’ai pas tout compris la

tame star
#

et pour le coup tous tes top, left ils ne sont pas sensé etre la

#

autre tips, utilise le moins de ID possible, surtout sur des span. Le but de ton css c'est qu'il soit réutilisable et flexible

copper warren
tame star
#

mais oui, il faut le faire a la fin du projet

copper warren
#

Ouais mais c'est peut être parce qu'il a pas tout à fait compris le principe

#

Quelqu'un lui a expliqué

hallow forge
#

non j'ai appris dans le tas

#

j'ai fait de l'auto apprentissage

#

et ça:

#

{% block content %}{% endblock %}

#

c'est parce que j'utilise flask

#

en python

mint ibex
#

ya un moyen simple de donner les propriété css d'une class à une autre sans tous réécrire ?

forest echo
#

Contrôle C > Contrôle V

#

Non plus sérieusement tu peux faire ça :

.class1, .class2, #id1, ...
{
...
}

mint ibex
#

oh

#

ok merci

forest echo
#

Dr

mint ibex
#

si j'ai ça je fait comment ?

# 
            background: #f1f1f1;
        }```
#

.option::-webkit-scrollbar-track, .option2::-webkit-scrollbar-track {
background: #f1f1f1;
}

#

comme ça ?

forest echo
#

Normalement oui

#

Mais la pourquoi tu donnes pas le même nom aux 2 class?

mint ibex
#

pcq je veux y mettre une différence

forest echo
#

Ok

mint ibex
#

ça aussi c sensé marché ?

unknown.png
forest echo
#

Euh là faut tester

mint ibex
#

ça à l'air de marcher merci

forest echo
#

Pourquoi mettre 2 fois le nom? 😂

mint ibex
#

je sais pas 😂

#

j'ai pris ça à qqn ct comme ça 😂

#

j'essaye mm pas de comprendre

forest echo
#

Ha ok tu peux enlever pour le coup

mint ibex
#

ok

#

d'ailleurs ça fait quoi de pas mettre de point devant ?

mint ibex
forest echo
#

Bah un point c’est pour les class, les # c’est les id, et si tu met rien c’est le nom d’une balise

forest echo
mint ibex
#

j'avais pas d'idée de nom x)

forest echo
#

Essayes de faire simple au cas où tu dois revenir sur le projet plus tard

mint ibex
#

"option" ma paru simple mdr

#

c'est pour toute mes balise select

forest echo
#

Ha ok

low basin
#

Salut les gars, voila je suis confronté à un petit problème

#

Le background ne s'étire par sur toute la page comme je voudrais

#

Je voudrais que mon background remplisse toute la page, même quand je la resize

#

Quelqu'un aurait une idée de comment je pourrais faire ?

barren ledge
#

enlève le no-repeat

low basin
#

Maintenant ca repeat mon image, ça n'aide pas beaucoup ^^

barren ledge
#

ah 😦

#

et avec un background-size: 100% 100% ?

low basin
#

Toujours pas ahaha

sterile skiff
low basin
#

@sterile skiff Il l'était dans le premier screen mais ça ne fonctionne pas non plus :/

sterile skiff
low basin
#

Je n'ai aucun .html ^^

sterile skiff
# low basin

C’est quand tu test le responsive là ? Ou quand tu es en full screen

low basin
#

Quand je suis en reponsive

#

Le full screen n'a aucun problème ^^

sterile skiff
#

L’image ne peut pas être plus petite que 920px

low basin
#

Même pas ^^ c'était juste un test mais je l'ai supprimé ahah

sterile skiff
#

Ça m’intrigue

low basin
#

Je t'envoie le .zip en mp ^^ Comme ça tu as tout

#

Merci à toi

forest echo
sterile skiff
low basin
#

Enfin j'ai pas d'HTML dans mon css quoi ahaha

#

J'ai dû mal comprendre la question

sterile skiff
#

oui

#

je check

forest echo
low basin
#

Salut tout le monde, un dev est dispo rapidement pour se co en vocal ? Je galère depuis une heure sur un bête problème, merci d'avance ^^

copper warren
low basin
#

Disons que c'est pratiquement impossible à comprendre, beaucoup plus simple en partage

copper warren
#

Bah t'aura pas de réponse en voc surtout à cette heure ci

low basin
#

Voila, quand je :hover mon icone ça les décales toutes

sterile skiff
#

C’est souvent un soucis de border, ou de padding/margin…

#

Cependant un petit remerciement pour avoir réglé ton précédent soucis n’aurait pas été de refus 🙃

low basin
#

C'est parfait les gars, merci beaucoup ! ^^
Bon, je sais que je suis chiant mais il me reste un dernier petit problème

#

Une idée ?

high karma
#

As-tu inclus Jquery d’une quelconque manière ? CDN, téléchargé, … ?

cunning terrace
#

ça ne s’alligne pas je comprend pas

IMG_2003.jpg
copper warren
#

Possible de voir le html ?

#

PS les floats c'est plus utilisé en dehors de très rare cas

#

@cunning terrace dans ta top bar tu fais deux div une avec les texts et une avec les icônes

#

Tu display flex dans .topbar

cunning terrace
copper warren
#

Social doit être dans topbar et tes texts dans une autre div que t'appelle comme tu veux mais qui est également dans topbar

#

Et topbar doit être display flex

cunning terrace
#

d’accord merci j’essaye ça se soir

boreal flicker
#

Tu peux faire la classico, dans ton parent tu mets ça en display flex, align-items center et justify-content space-between, ça centrera verticalement et ça créera un espace entre les deux éléments horizontalement

#

(display flex ❤️)

copper warren
#

C'est exactement mon explication ducoup

boreal flicker
#

Oui mais t'as pas précisé l'align-items ni le justify-content KaPOP

copper warren
#

Après il a juste demandé à ce qu'il soit à côté

mint ibex
#

bonsoir

#

vous voyez j'ai une image au millieu et quand j'appuis sur un bouton elle disparait et viens apparaitre une autre image du dossier. Le prblm c'est qu'elle prennent un peu de temps a apparaitre étant un peu lourde. J'aimerais savoir comme je peux les précharger

copper warren
#

Et sinon l'image vaut vraiment le coup d'être en aussi grosse dimensions / qualité ?

#

Parce que tu peux facilement trouver des compresseur en ligne

cunning terrace
#

je ne comprend toujours pas le problème (j’ai envoyé la maquette avec)

IMG_2032.jpg IMG_2031.jpg IMG_2030.jpg
copper warren
#

C'est nav qui doit être en flex

#

Pas top bar

cunning terrace
#

ahhh mais oui je suis trop bête

#

merci

mint ibex
#

<link rel="preload" as="image" href="important.png"> il suffit de rajouter ça au début de mon code pour que mes image se précharge ?

#

ah mais comment je fais pour que ça soit pour toute les image

forest echo
#

J’ai trouvé ça pour toi mais je ne sais pas ce que ça vaut :
👉 https://www.toutjavascript.com/main/script.php?url=preload
C’est une technique en javascript pour preload toutes les images que tu mettras en argument dans la bonne partie du code.

Tout JavaScript.com
Script Préchargement d'images sur Tout Javascript.com

Code source du script Préchargement d'images - Présente la fonction qui permet de charger des images dans le cache avant d'en avoir besoin. Utile pour les rollover, les diaporamas, etc... - Tout JavaScript.com

forest echo
mint ibex
#

ok je vais essayer

#

là ou je dois mettre mes image en arguments je peux y mettre une variable ?

#

tout mes image on la mm base avec juste un nombre qui change

runic phoenix
#

bonjour une question un peut bete mais comment on peut mettre un texte dans un input
c'est un truc different de placeholder
un text deja dedans qu'on peut modifier

small basalt
runic phoenix
#

merci

cunning terrace
#

Je n'arrive pas a correctement aligner le texte ect...

Capture.PNG capturer.png
forest echo
#

Tu dois utiliser la propriété float sur l’image ou le texte

cunning terrace
#

mon image est en float mais le texte ne colle pas

sterile skiff
#

Non, le float est très peu utilisé, on va dire ça fait pas très propre, sauf dans certains cas…
Faut plutôt voir ton site, du moins sa structure comme «  des boites dans des boîtes » qui vont être tes div/balise, après pour le placement du joue en utilisant les flex box, tu as une très bonne vidéo ici : https://youtu.be/2qA4mobfcK0

@forest echo @cunning terrace

YouTube
Graven - Développement
Structurer son site avec Flexbox (Tuto débutant)

Aujourd'hui, on se retrouve pour une vidéo sur la notion de flexboxs expliqué aux débutants
1 like = 1 élément aligné

📌 Tutoriel écrit CSSTricks : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
🔗 Jeu FlexboxFroggy : https://flexboxfroggy.com/#fr
📓 Correction du défi : https://github.com/GravenilvecTV/DefiFlexbox/tree/main

🖼️ Credits :...

▶ Play video
cunning terrace
sterile skiff
#

Cette div qui englobe du lui donne la priorité display: flex

#

Et là tu es censé avoir sur la meme ligne tes deux éléments

forest echo
narrow smelt
#

Bonsoir, j'ai un soucis de script dans mon fichier HTML. Je souhaite envoyer une réponse de formulaire HTML sur discord via un webhook sous la forme d'un embed.

#

Voici le code, jusqu'ici tout fonctionne... Sauf que je souhaite également lui mettre un bouton en dessous et en ajoutant la partie de code permettant de le faire, plus rien ne fonctionne et mes réponses ne sont plus envoyés sur discord.

#

Je suis bloqué, je ne comprends pas pourquoi il ne veut pas me mettre cette liste déroulante sous l'embed.

cunning terrace
narrow smelt
#

HTML.

#

Mais c'est un script dedans.

cunning terrace
#

ah d’accord je vois

mint ibex
void anvil
#

Hello, j'aurais besoin d'un petit coup de main afin de mettre en avant un élément, par rapport à l'autre avec le responsive. Le screen vous aidera à comprendre 😉
Voici mon code également.
Merci
https://codepen.io/Datek/pen/zYWZEqq

Capture_decran_2022-07-19_095442.png
acoustic current
void anvil
acoustic current
#

Donc tu veux voir ces 2 elems au dessus du form ?

narrow smelt
#

Donc : z-index: 2;

#

Et si ça ne fonctionne pas, tu mets 3.

elfin bison
#

salut les gens

#

j'ai vraiment besoin d'aide de quelqu'un de fort en html et en css

#

mentioner moi si vous penser pouvoir m'aider

void anvil
strange quest
elfin bison
#

C'est dure à expliquer 😅

viscid copper
#

Hello

#

j ai un ptit probleme avec mon footer savez vous comment je peux regler ca ?

unknown.png
# 
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  footer {
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
    background: #252525;
    height: auto;
    width: 100vw;
    padding-top: 40px;
    color: #fff;
  }

  .footer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  .footer-content h3 {
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 3rem;
  }

  .footer-content p {
    max-width: 500px;
    margin: 10px auto;
    line-height: 28px;
    font-size: 14px;
  }

  .socials {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 3rem;
  }

  .socials li {
    margin: 0 10px;
  }

  .socials .discord {
    text-decoration: none;
    color: #FE2400;
    font-size: 1.1rem;
    transition: color .4s ease;
  }

  .socials .discord:hover {
    color: #5865F2;
  }

  .footer-bottom {
    background: #000;
    width: 100vw;
    padding: 20px 0;
    text-align: center;
  }

  .footer-bottom p {
    font-size: 14px;
    word-spacing: 2px;
    text-transform: capitalize;
  }

  .footer-bottom span {
    text-transform: uppercase;
    opacity: .4;
    font-weight: 200;
  }
strange quest
# viscid copper Hello

Hello, il faut une hauteur pour ta page, je te conseille de mettre ton body en min-height:100vh; (100vh correspond à la taille de l'écran)

dusty sorrel
viscid copper
viscid copper
void anvil
#

Bonjour, j'aurai une questions je suis débutant en html vous me conseiller quoi pour apprendre à part les tuto youtube ?

eternal ember
# void anvil Bonjour, j'aurai une questions je suis débutant en html vous me conseiller quoi ...

Personnellement je peux te conseiller des cours comme Udemy tu as des formations gratuites et payantes à ton libre choix et je pense que c'est bien pour apprendre ce langage.
https://www.udemy.com/courses/search/?price=price-free&q=apprendre+html&sort=relevance&src=ukw

Udemy
Online Courses - Learn Anything, On Your Schedule | Udemy

Udemy is an online learning and teaching marketplace with over 185,000 courses and 49 million students. Learn programming, marketing, data science and more.

void anvil
eternal ember
void anvil
eternal ember
# void anvil Et tu aurait des pages à me conseiller de faire pour m'entrainer ?

Perso j'ai essayé plein de truc au début j'avais des petites sur ce que je voulais vraiment du style des infos sur moi, une page présentation, un petit catalogue de voiture pour GTA RP, une site avec un système de recherche, jusqu'à avoir fait mon portfolio.
Pour moi j'ai fait comme ça après on est tous différent tu auras peut être besoin d'une autre méthode ou de la même ça dépend.

void anvil
eternal ember
#

ça donne ça au final si tu veux avoir un aperçu
https://vapid.killerjumper.fr/

Vapid
Catalogue de Carl Tiel.

Retrouve tout mon catalogue juste-ici
- Everon : 1.1M
- FCR : 85K
- Cheburek : 40K
- Rhapsody : 20K
- Panto : 15K

 Si intéressé contactez moi au 28588-44714 ou par mail : Killer Jumper#2173