S'il vous plait comment je peux faire pour que toute les images ai la meme taille et la meme forme ?
#html-css
gaunt yoke
même width même height
wild mesa
C'est ce que j'ai fait et meme les images on les meme dimensions mais le rendu est toujours different
gaunt yoke
Tu as un exempl
wild mesa
c'est bon merci j'ai laisser tomber je passe sur une autre ui
lean roost
Bonjour j'aurais besoin d'un renseignement sur comment sécuriser un site web et qu'elle language devrais je utiliser pour cela
frank plaza
Bonjour j'aurais besoin d'un renseignement sur comment sécuriser un site web et ...
T'as seulement du font-end sur le site ou y'a du back?
lean roost
T'as seulement du font-end sur le site ou y'a du back?
Pour le moment je le commence seulement enfin j'ai les croquis mais pas commencer à le code dcp je sais pas encore
strong sluice
Hello, petite question pour ceux qui sont inspiré
Je bosse sur une interface de gestion d'entreprise et de ventes pour un serveur GTA RP
Je cherche actuellement une manière d'afficher le formulaire de création d'un article
Jusque la, tout va bien, mais pour les articles composés, par exemple, les menus :
Il faut que l'utilisateur ai une liste à laquelle il peut ajouter des articles dans le menu
Est-ce que vous auriez une idée de comment je pourrais afficher ca ?
Voila l'interface de base ( sans rien dedans )
Si vous souhaitez des précision / avez des questions n'hésitez pas !
twin coral
J’ai pas compris l’histoire de liste
strong sluice
En gros sur ma page je dois avoir :
- un formulaire pour entrer les infos de l'article ( nom, prix, etc )
- et un moyen d'ajout des composants depuis ma liste d'article
Par exemple :
Je veux créer un menu
J'ai un liste d'articles comprenant Burger, Soda et plein d'autres trucs
Bah un moyen d'ajouter à mon menu 1 Soda, et 2 Burger par exemple
Une idée de comment je pourrais faire ?
steady verge
Bonjour, j'ai un pb de responsive sur mon site. Vous comprendrez mieux avec les captures d'écran :
Rendu sur mon PC:
Rendu sur mon téléphone:
<div class="parallax parallax-first">
<div class="container-fluid">
<div class="row" id="home" style="margin-left: 0 !important; margin-right: 0 !important">
<div class="col-12 firstpage">
<div class="row firstpage-row">
<div class="col-lg-12 col-md-12 text-center" style="display: flex; align-items: center;justify-content: center;">
<div class="firstpage-description">
<h1>C</h1>
<hr >
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis mauris quis mauris ultricies, a ultrices leo fringilla.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>```.parallax-first {
background-image:url("./public/fondecran.jpg");
height: 100vh;
}
.parallax-second {
background-image:url("./public/parallax_second.jpeg");
height: 20vh;
}
.parallax-third {
background-image:url("./public/parallax-third.jpg");
height: 100vh;
}
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}```Je voudrais que l’image sur téléphone soit propre, comme le rendu à partir de mon navigateur quoi, quelqu’un a une idée ?
trim owl
Bonjour, Bonsoir, j'ai besoin d'aide concernant du Html : Surla photo ci-dessous, je voudrais que la notif arrivent par en-bas et faire monter l'autre en gardant la postion initial au-dessus de la map:
Si quelqu'un peut m'aider ? Merci d'avance
strong sluice
Est-il possible, en HTML / CSS, d'avoir une table en layout auto ( ou du moins avec un auto resize des colonnes en fonction du contenu ), et avec un body scrollable, sans passer par la méthode display block et le réglage de la largeur avec nth-child ?
wild mesa
Bonjour, Bonsoir, j'ai besoin d'aide concernant du Html : Surla photo ci-dessous...
Tu utilise une ul et normalement si les li sont en display block elle devrait etre les une a la suite des autres
trim owl
Tu utilise une ul et normalement si les li sont en display block elle devrait et...
Merci de ta réponse mais j'y connais rien en html, tu peux m'en dire plus ?
wild mesa
Merci de ta réponse mais j'y connais rien en html, tu peux m'en dire plus ?
C’est du garry’s mod sur la photo ?
copper warren
C’est du garry’s mod sur la photo ?
gta
copper warren
ui
trim owl
vous parlez de ça ?
cunning niche
salut j'ai besoin d'aide je suis nouveau dans le developpement web mon erreur est quau lieu de recevoir le contenu je recois [object HTMLCollection]
mon script : var email = document.querySelector('#email');
wild mesa
Pour le print ton contenu utilise ca : ```js
console.log(email.value); //Si c'est un input
console.log(email.innerText); //Si c'est un p, h1 ect....
@cunning niche
short leaf
salut qui de dispo pour une petite question ? thanks
dusky skiff
short leaf
lol wailrone 🙂
qui peut m'expliquer les parent and child elements ? vite fait bien fait merci
wild mesa
Parent enfant 😉
west stirrup
clair simple efficace
wild lodge
Hello! Quelqu'un serait disponible pour me donner des pistes pour implémenter quelque chose sur mon site svp? Cela ne doit pas être très long c'est juste une histoire de logique que j'ai du mal a comprendre et je n'arrive pas a bien formuler mon intention pour pouvoir faire une recherche google. Envoyez moi un pm 🙂
pour faire très court: j'ai plusieurs div avec le même nom de class mais j'aimerais changer le style d'une seule d'entre-elles onclick, plus précisemment uniquement celle qui est click
pour l'instant j'ai procéder comme ceci sauf que bien sur je ne peux pas faire en sorte que cela applique un nouveau style a celle qui est cliqué, je peux appliquer un style général sans en appeler une en particulier
<div class="gallery-image">
<div class="img-box 1">
<img width="400" height="400" src="media/img1.jpg">
<div class="transparent-box">
<div class="caption">
<p>Titre</p>
<p class="opacity-low">@hteet.c</p>
</div>
</div>
</div>
<div class="img-box 2">
<img width="400" height="400" src="media/img2.jpg">
<div class="transparent-box">
<div class="caption">
<p>Titre</p>
<p class="opacity-low">@hteet.c</p>
</div>
</div>
</div>
<div class="img-box 3">
<img width="400" height="400" src="media/img3.jpg">
<div class="transparent-box">
<div class="caption">
<p>Titre</p>
<p class="opacity-low">@hteet.c</p>
</div>
</div>
</div>
<div class="img-box 4">
<img width="400" height="400" src="media/img4.jpg">
<div class="transparent-box">
<div class="caption">
<p>Titre</p>
<p class="opacity-low">@hteet.c</p>
</div>
</div>
</div>```var test=document.getElementsByClassName('img-box');
for (i = 0; i < test.length; i++) {
test[i].addEventListener("click", testfunction);
}```en réalité je pourrais arriver a ce que je veux en créant un id différent pour chaque div en appelant a chaque fois une fonction différente en js mais ce serait horriblement optimisé il doit forcément y avoir un autre moyen? Merci de votre aide
dusky skiff
Hey, alors c'est très simple ! Tu fais simplement ceci :
test[i].addEventListener("click", function() {
this.style.backgroundColor = "#ffffff"
});
Ici j'ai pris l'exemple du backgroundColor
this c'est ta div sur laquelle tu met un eventListener
wild lodge
excellent je n'y avait pas du tout pensé, merci!
c'est exactement ce que je voulais rien à ajouter
dusky skiff
Pas de problème
wild lodge
Pas de problème
tu es dispo pour une autre question?
gaunt yoke
Pose direct tes questions ça ira plus vite 👌
short leaf
qui pourrait me dire comment mettre ce lien en couleur svp je veux une selection précise je n'y arrive pas
patent solstice
Tu utilises le style color
wild lodge
a {
text-decoration: none;
color: red;
}```tu donne une classe a ton a si tu veux que ca soit le seul affecter
short leaf
```css
a {
text-decoration: none;
color: red;
}```
la j'ai tout mes élément en rouge et pas un seul
short leaf
tu donne une classe a ton a si tu veux que ca soit le seul affecter
oui mais c'est un exo à partir de là faut que j'arrive à mettre mes liens en rouge vert ect..
sinon oui un id est c'est réglé
ou classe mais bon c'est pas le but 😦
wild mesa
c'est simple ```css
ul:first-child a {
color: red;
}
Parfait du coup mais je crois que ca aurait marcher avec ca : ```css
ul li:first-child a {
color: red;
}
par contre comment on fait pour mettre notre code en évidence quand je l'envoie ?
short leaf
comme toi en couleur
wild mesa
ahh
wild mesa
```css
ton code
```
short leaf
}```
wild mesa
tqt MEC
short leaf
TreeSearching cela veur dire ?
wild mesa
je suis pas sur si on dit du tree searching ou tree digging mais c'est juste tu vas de parent -> enfant
short leaf
pourquoi la balise a ? car depuis tt à l'heure je fais excatement ça j'ai pas eu l'idée de mettre a à la fin
ul li:nth-child(1) {
color: red;
}
j'avais que le point noir de la liste en rouge c'est tout
merci en tout cas tu gères :p si je peux avoir une explication
short leaf
ok ok mdr
la aussi je veux avoir le h2 et p en rouge sauge que j'ai tout les autres élément sa rend fou
ou alors faire ça ?? ```css
#a-propos h2 > p {
color: red;
}
ou je dis nimp lol
short leaf
ok meci mais toi tu aurais dit quoi
wild mesa
De quoi ?
wild mesa
C’est un exercice je suis sensé t’aider a te repérer pas le faire a ta place 
short leaf
non juste je beuf que sur ça après je connais les parent ,enfant ect..
juste si tu peux me donner cette réponse et c'est good stp mec :p
😰
j'ai trouvé ^^
#actus h3+p,h3{
color:red;
}
wild lodge
Hello, vous sauriez comment je peux faire un système de commentaires permanent (sans profil d'utilisateur pour l'instant) en utilisant simplement une textarea
l'idée serait de rester au plus simple
j'ai essayer d'utiliser vue.js mais ca reste assez compliqué
voici ce a quoi ca ressemble pour l'instant (je n'ai que le style)
l'idée serait que les commentaires s'affichent au dessus dans l'ordre de postage
gaunt yoke
Permanent il te faut forcément le stocker quelque part
wild lodge
oui il faudrait utiliser du js
gaunt yoke
Peu importe la techno vue react ou natif il faut le stocker
wild lodge
j'ai réussi a stocker un parametre en js (ici le darkmode true ou false)
gaunt yoke
oui mais c’est propre à la personne
Et non à tout le monde
Le localStorage ou cookie
wild lodge
ah oui effectivement!
du coup obligé d'utiliser une databse? Même si c'est en local pour l'instant
gaunt yoke
Donc sois tu stock sur ton serveur dans un fichier json sois ou en db
void anvil
Des format nodb peuvent être envisageable également
wild lodge
ok je vais regarder ca merci
je suppose que je peux trouver de la docu en ligne
ok donc ca ce serait des manières de stocker les commentaire mais dans la manière de les afficher specifiquement par div je ne sais non plus comment procéder, est ce que je dois ajouter des elements html a partir de mon javascript?
en les récupérant depuis ma data
little breach
Bonjour je cherche a faire ce genre de contour sur une image en css, j'ai inspecté l'élément et je sais qu'il faut utiliser une image en tant que masque mais je n'arrive toujours pas a comprendre comment c'est fait. Si quelqu'un aurait une solution merci 🙂
lapis ermine
Bonjour je cherche a faire ce genre de contour sur une image en css, j'ai inspec...
regarde peut etre de ce coter la : https://www.codexworld.com/how-to/position-place-image-over-image-css/
Je suis pas un pro en css il doit avoir 100x mieux
little breach
regarde peut etre de ce coter la : https://www.codexworld.com/how-to/position-pl...
dacc je vais check ça merci de ta réponse
short leaf
re les boys
dark igloo
Salut, j'ai besoin de faire un qcm avec donc des checkbox mais je veux limiter le nombre de cases à cocher, est-ce que quelqu'un peut m'aider, merci
le formulaire :
<form>
<span>Je m'appelle ...</span>
<input type="checkbox" class="Q_name" value="Oui" />
<input type="checkbox" class="Q_name" value="Non" />
<button type="button" id="submit">Valider</button>
<output id="result"></output>
</form>
sterile skiff
Salut, j'ai besoin de faire un qcm avec donc des checkbox mais je veux limiter l...
C'est possible en js, check ce code :
dark igloo
ouais mais comme je vais mettre plusieurs question donc avec une autre class, comment je vise juste une class au lieu d'écrire "checkbox" parce que là ça va toutes les bloqués, en gros comment je limite le nombre de cases a cocher sur qu'une petite partie du form comme par exemple la class Q_name
gaunt yoke
le problème des radios c'est que tu seras limités a une réponse
sauf si c'est ce que tu veux
Si jamais tu cherches à faire un truc sans jquery et à choix multiple, j'étais entrain de te préparer ça:
const elements = document.querySelectorAll('input[type="checkbox"]')
elements.forEach((element) => {
element.addEventListener('click', check)
})
function check ($e) {
const parent = $e.target?.parentNode
if (!parent) return true
const parentLimit = Number(parent.getAttribute('data-limit'))
if (!parentLimit) return true
const numberElementsChecked = parent.querySelectorAll('input[type="checkbox"]:checked')?.length
if (numberElementsChecked >= parentLimit) {
disableAll(parent)
} else if (numberElementsChecked < parentLimit) {
undisabled(parent)
}
}
function disableAll(parent) {
parent.querySelectorAll('input[type=checkbox]').forEach((element) => {
if (element.checked) return
element.disabled = true
})
}
function undisabled(parent) {
parent.querySelectorAll('input[type=checkbox][disabled]').forEach((element) => element.disabled = false)
}
<div data-limit="2">
<input type="checkbox" class="check" name="check2" id="check2" >
<label class="layout" for="check2">1</label>
<input type="checkbox" class="check" name="check3" id="check3" >
<label class="layout" for="check3">2</label>
<input type="checkbox" class="check" name="check4" id="check4" >
<label class="layout" for="check3">3</label>
</div>
<input type="checkbox" class="check" name="check1" id="check1" >
<label class="layout" for="check1">4</label>
Et donc en gros juste regrouper tes questions dans un parent communs en mettant un data-limit avec le nombre que tu souhaites
le résultat
dark igloo
Bah pour l'instant comme je débute et que dans mon mini "projet" j'ai juste besoin de cocher 1 case, les radios me suffisent mais je garde ce que tu as fait pour un peu plus tard quand je ferais des trucs plus "complexe". Je sais pas si ça prends du temps ou pas mais désoler du coup si ça t'a pris du temps.
Merci
gaunt yoke
pas de soucis
short leaf
pour identifier une classe dans ma feuille de style css je peux utiliser # et .
ou l'un pour l'id et l'autre les classes ?
merci les boy
gaunt yoke
@short leaf # pour les id et . pour les classes :D
short leaf
c'est bien ce que je me disais :p merci mec
gaunt yoke
no sous!
short leaf
et dire que je bosse mes cours alors que toute ma promo dort lol en espérant que le travaille payera !
lol
gaunt yoke
toujours!
verbal skiff
et dire que je bosse mes cours alors que toute ma promo dort lol en espérant que...
Exactement comme moi ! Toute ma classe dort dans ma promo et moi je tryhard xD
short leaf
pour selectionner tel ou tel élement ?
void anvil
Oui
void anvil
Ou si c'est trop compliqué mettre genre la radio NRJ par wemple
void anvil
t'as des bases en html ou non?
oui
void anvil
apprendre
short leaf
apprendre
tiens sa prend 5 minutes c'est vite fait à apprendre
après tu pourras ajouter un bouton suivant, ou rajouter des radio ect..
voilà bg
oublie pas le css meme si c'est que dalle lol
void anvil
Merci bg je vais apprendre ça
short leaf
sinon tu peux toujours faire du copié / collé mais ça sert à rien... comme tricher t'apprendra jamais c'est bidon
dans la difficulté il y'a la facilité à toi de voir 
void anvil
oublie pas le css meme si c'est que dalle lol
je connais le html mais pas trop le css 
void anvil
dans la difficulté il y'a la facilité à toi de voir <:200iq:664531141675450369>
tkt si vraiment j'arrive pas la je verrais pour copié coller mais bon j'ai pas envie
short leaf
c'est vite fait tqt
void anvil
Je viens de voir mais je crois que c'est pas ça que je voulais
...
Un truc comme ça :
short leaf
void anvil
Je sais je suis chiant
short leaf
les gars un propriété pour mettre un elemeent en bas a gauche en css please
pour un background que j'ai répété sur l'axe y
short leaf
pour un background que j'ai répété sur l'axe y
c bon
background-positon: lol aussi simple que bonjour
barren pike
Bonjour à tous, est ce que vous connaissez un site web proposant des éléments à intégrer dans notre site web ( par exemple une barre de recherche ), et qui nous retourne le html / css de l'élément choisis ?
errant cypress
Bonjour à tous, est ce que vous connaissez un site web proposant des éléments à ...
nice page
barren pike
nice page
J'ai commencé avec NicePage, c'est super
seulement
si on doit y apporter des modifications plus tard
comment faire ? par ce qu'en voyant le code ça fais peur mdrrr
high karma
Le code généré par un WYSIWYG sera toujours "catastrophique" comparé à du fait main complet
barren pike
mais avec de la volonté c'est possible de modifier à notre guise ou c'est impossible ?
high karma
Si tu commences avec un tel éditeur, tu restes dessus, de préf
Tu pourras modifier
Mais tu te seras éclaté la tête dans le mur avant
barren pike
donc je devrais laisser tomber et faire à la main @high karma ?
high karma
J'suis vieille école en disant : reste sur du code fait main
Les éditeurs ainsi, je recommande pas perso
barren pike
ok merci en tout cas
mais j'aurais une dernière question
si je m'en sers pour faire "la structure" du site
prenons par exemple discord
je me sers de nicepage pour faire les cases
etc
et ensuite je fais à la main pour mettre en place le système de discussions
d'ajout de serveur etc
tu pense que c'est possible ou il y a des éléments lié à nicepage qui justement bloque le processus d'amélioration
errant cypress
après ouais fait pas de gros gros trucs sur ça
j’ai déjà utilisé pour faire des pages juste
et ça m’a bien aidé
barren pike
@errant cypress c'est possible que je vois le rendu final stp ?
ce que tu as pu faire à partir de nicepage
barren pike
t'as mis en place la bdd pour les connexions google ?
barren pike
ok je connaissais pas je vais voir c'est quoi
errant cypress
laravel c’est un framework php
barren pike
et donc le bouton google tu l'as mis en place avec nicepage et ensuite t'as fais le lien avec ta base de donnée à la main c'est ça ?
errant cypress
ouais
barren pike
pcq justement j'avais peur qu'il soit impossible de faire le lien entre des éléments nicepage et la futur bdd
ok bah super merci @errant cypress
barren pike
pourquoi ? c’est du code pur et simple qu’il te sort
ouais c'est vrai
merci beaucoup
nova bolt
Bonjour, j'ai mis des bordures à une image et j'aimerai que la bordure du haut de l'image ait une ombre intérieur (donc sur l'image) c'est possible?
En gros le trait beige au dessus de l'image c'est la bordure et j'aimerais qu'il y ait une ombre sur l'image
quand je fais inset je n'ai rien
probablement car ça doit être sous l'image
grim sparrow
Tu ne peux pas faire d'ombre inset sur une <img />, par contre y'a un workaround en utilisant ::before ou ::after en position: absolute
nova bolt
Tu ne peux pas faire d'ombre inset sur une `<img />`, par contre y'a un workarou...
C'est à dire? Désolé c'est mon premier codage^^
grim sparrow
C'est à dire? Désolé c'est mon premier codage^^
Je te donne un petit tuto qui montre comment faire : https://bavotasan.com/2011/adding-inset-shadow-to-image-css3/
grim sparrow
Ca ne fonctionne pas 😦
regarde bien le tuto, chez lui ça fonctionne, y'a pas de raison que ça ne fonctionne pas chez toi 👅
nova bolt
J'ai bien copié son code et remplacé par mes noms mais nope chez moi ça fonctionne pas^^
grim sparrow
copy/paste ton code ici à la rigueur
nova bolt
Mon html
<div><a href= "#"><img class="burrito" ><img style="border-top:3px solid #917F57;border-bottom:3px solid #917F57;" src="burrito.jpg" alt="burrito" width="100%"></a></div>
Mon CSS
.burrito {
position: relative;
max-width: 100%;
float: left;
}
.burrito::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: inset 0 0 8px rgba(0,0,0,.6);
-moz-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
}
.burrito img {
float: left;
}
gaunt yoke
Mon html
<div><a href= "#"><img class="burrito" ><img style="border-top:3px sol...
peut-être ajouter un width: 100% et height: 100% sur le ::before
car du coup il peut pas box shadow un élement qui fait 0 en taille
pas sur mais a tester
ou alors la taille qui t'interesse hein, mais là en tout cas il est de 0x0
grim sparrow
Mon html
<div><a href= "#"><img class="burrito" ><img style="border-top:3px sol...
Tu as mal lu le tuto, le class "burito" ne se met pas sur l'<img> mais sur le <a> (que tu peux remplacer par une <div>, si jamais tu ne veux pas de lien dessus)
lapis ermine
Mon html
<div><a href= "#"><img class="burrito" ><img style="border-top:3px sol...
Petite astuce utilise les ` x3 suivie du langage ton code et referme avec encore x3
<div>
<a href="#"><img class="burrito" /><img style="border-top: 3px solid #917f57; border-bottom: 3px solid #917f57;" src="burrito.jpg" alt="burrito" width="100%" /></a>
</div>
Ah merci effectivement ça fonctionne! Par contre comment faire pour la placer sous la bordure supérieure de l'image (et uniquement là)?
-moz-box-shadow:
-webkit-box-shadow:
Et à quoi servent ces deux fonctions? Je trouve rien sur internet
gaunt yoke
ce sont les box shadow mais le moz et webkit c'est pour les différents navigateurs
tiens le 2eme commentaire il va t'expliquer https://stackoverflow.com/questions/18083056/what-are-moz-and-webkit
grim sparrow
Tu peux mettre uniquement box-shadow, avec les navigateurs d'aujourd'hui, ces propriétés sont obsolètes 🙂
Tu peux voir ici https://caniuse.com/css-boxshadow que tous les navigateurs (ligne la plus en bas) gèrent cette propriété (sauf Opéra Mini, pour je ne sais plus quelle raison)
nova bolt
Ah okey! merci !
gaunt yoke
Tu peux voir ici https://caniuse.com/css-boxshadow que tous les navigateurs (lig...
parce que c'est de la merde 
* 10
grim sparrow
west stirrup
Salut, j'ai un petit problème avec le responsive, comment je pourrais régler ça ? ( avec React )
code
header {
background: grey;
padding: 50px;
justify-content: space-around;
flex-wrap: wrap;
transition: 0.2s;
}
a.header {
transition: 0.2s;
padding: 20px;
margin-right: 10px;
background: #ffffff;
color: black;
text-decoration: none;
justify-content: space-around;
flex-wrap: wrap;
border-radius: 0.2px;
}
tame star
plusieurs solutions, selon moi la plus propre serais de changer la font size dans un média query
mais si ce propre est la cest psq ton padding doit absolument ce place ainssi que le margin.
verbal skiff
j’utilise laravel
Et pourquoi pas Symfony hein ? 
(pardon je viens de voir le message passé ptdr)
errant cypress
Et pourquoi pas Symfony hein ? <:harold:659821889186824192> (pardon je viens de...
Parce que j’ai commencé avec laravel tout simplement, et je préfère largement le moteur de templating de laravel que celui de Symfony
je préfère largement laravel
puis j’ai mes habitudes avec Laravel pour le coup donc voilà mais #discussion-dev
verbal skiff
Parce que j’ai commencé avec laravel tout simplement, et je préfère largement le...
Après je parle mais je n'ai jamais utilisé un framework PHP 
(car je suis toujours en relation amoureuse avec JavaScript)
Pardon, hors sujet là
wise cosmos
Yop, je suis entrain de configurer un petit script file watcher et ça ne fonctionne pas, j'ai aucune erreur
Est-ce que ça viendrait du fait qu'il filewatch mes fichiers sass en même temps ?
copper warren
Je comprend pas trop pq tu fais ça mais de mémoire y'a une option avec sass qui permet de minify ton code
genre sass --watch a.scss:a.css --style compressed
Tiens la reponse deux peut surement résoudre ton soucis :
https://stackoverflow.com/questions/8980398/sass-watch-with-automatic-minify
wise cosmos
Tiens la reponse deux peut surement résoudre ton soucis :
https://stackoverflow...
J'te remercie
Et autre question bête, c'est quoi déjà la propriété qui permet lors d'une animation, qu'elle aille dans les 2 sens ?
EX: je baisse mon opacité sur un élément une fois hover, quand je l'enlève l'opacité revient directement, j'aimerais qu'elle revienne à la même vitesse
wise cosmos
Ca a pas l'air de fonctionner
gaunt yoke
ah tu veux dire au hover tu opacity: .5 avec une transitiopn
et a la sortie tu veux aussi un effet de fadeOut ?
normalement si tu met une transition avec un ease-in-out ça devrait etre bon
rich kite
Vous pensez que c'est possible un site de référencement musical ?
cunning terrace
Vous pensez que c'est possible un site de référencement musical ?
Bien sûr, ça se rapproche des sites de streaming
rich kite
Bien sûr, ça se rapproche des sites de streaming
Ouais en tant que débutant c'est possible
Ou faut un minimum d'expérience
Parce que je trouve aucune vidéos qui explique comment faire
cunning terrace
Je sais pas tellement si c’est approprié à un débutant mais dans tout les cas il va falloir que tu ai des autorisations pour avoir des musiques sur ton site
rich kite
Je sais pas tellement si c’est approprié à un débutant mais dans tout les cas il...
Fin genre si c'est des petit artiste qui publie leur musique dessus
rich kite
Une sorte de réseaux social où les gens publie leurs musiques
Ouep
Genre tu t'inscris tu demandes à publié des modo vérifie pour pas que se sois de la merde puis après dans un onglet boîte aux lettres t'a si t'a requête a été acceptée ou refuser avec la raison
polar quarry
Bonjour à tous, j'aimerai savoir si une ou plusieurs personnes pourrait peut être m'aider à apprendre/débuter le html et css j'ai regarder quelques vidéos mais je pense que c'est mieux d'apprendre avec qqn? donc si vous êtes peut être interessés envoyé moi un message Pv ! ou juste des conseils des articles à lire
wild lodge
Donc sois tu stock sur ton serveur dans un fichier json sois ou en db
Hello, désolé ca date un petit peu mais donc pour faire ceci je dois passer par ajax et php c'est bien ca?
lean roost
bonjour j'ai un probleme je n'arrive pas a installer bootstrap 5 quelqu'un pourrai m'aider
lean roost
Nn c'est bon dcp j'ai trouvé merci
jade ferry
Bonsoir si quelqu'un pourrait me dire quel balise je devrait utiliser pour que je soit le plus optimiser, merci
void anvil
la balise image fait très bien le taff pour y mettre des images
tame star
jai pas compris ce que tu veux opti
si cest le fait de mettre une image centré par rapport au texte, une div et les flexbox font le taff perso
copper warren
si cest le fait de mettre une image centré par rapport au texte, une div et les ...
pas besoin de flexbox dans se cas vu que son image est dans une div parent il peut faire : text-align:center dans cette div et son image sera centré
tame star
pas con
runic laurel
salut les bgs je vous explique ce que je voudrais faire, cest tout simple : en gros jai fait en sorte que quand je passe ma souris sur les titres ça les soulignes mais que tant que jai ma souris dessus, comme sur la video, mais maintenant j'aimerais que au lieu de s'activer que je passe ma souris sur le titre, cela s'active quand je passe ma souris sur la section avec le meme titre
ducoup j'aimerais que ça s'active quand jai ma souris dans la section donc le rectanlge rouge
.titre{
position : relative;
display : inline-block;
text-align : center;
}
.titre::after {
content : "";
position : absolute;
bottom : 0;
left : 0;
width : 0%;
height: 2px;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
transition : width 1s;
/*animation: h2gloss 2s infinite;*/
}
.titre:hover::after {
width: 100%;
}
voila le code de ce qui souligne le titre
gaunt yoke
tu met juste ton :hover sur la section
ca donnerait un truc comme ça
section:hover .titre::after {
width: 100%
}
en gros
runic laurel
ca donnerait un truc comme ça
```css
section:hover .titre::after {
width: 100%...
jai essayer mais ça ne change rien ça souligne seulement au passage sur le titre
gaunt yoke
j'ai mis section au hasard
tu dois cibler le bon élément de ton côté
celui qui contient ce que tu veux hover
runic laurel
cela vient peut-etre de mon html, je te laisse me le dire, voila une paragraphe (ils sont tous fait a peu pret comme ça)
<section>
<h2 class="titre">Mon accès à internet</h2>
<ul><li> Mon opérateur internet est Orange.</li>
<li> Mon ordinateur est branché en câble Eternet constamment car la connexion est meilleure et mon téléphone en wi-fi tout cela relié à ma box.</li>
<li> Mon débit montant : 0,80 Mbit/s.</li>
<li> Mon débit descendant : 6 Mbit/s.</li></ul>
</section>
<img class="grandeligne"src="imagesdeux/ligne.png" height=100/>
<section>```et quand tu hover la section entière la barre n'apparait pas ?
runic laurel
nan seulement quand j'hover le titre comme sur ma video
je suis surement con
regarde
faut pas enlever le .titre ?
gaunt yoke
regarde ce que je t'ai envoyé
runic laurel
oui?
runic laurel
le hover
gaunt yoke
👌
gaunt yoke
yes dis moi
runic laurel
bah dans le meme code jai mis des barres de séparation( des images ligne.png(cest surement le truc le moins opti mais bon)) et je voulais changer leur height en % pour que ça soit proportionel en fonction de la taille des pages internet quoi mais ça marche pas
javais fait ça mais ça reset leur taille et ça la change pas
elle sort d'une petite page carrement
gaunt yoke
le % ce sera en fonction de son parent, si tu veux que ce soit en fonction de chaque écran tu peux mettre 80vh
(viewport-height)
runic laurel
tu gere merci beaucoup 🤝 ❤️
stray lava
Bonjour, j'aurais besoins d'aide car je suis en train de faire un mail html.
J'ai tout bien fait comme je voulais, tout était bon...
Mais au moment de tout mettre sur gmail (pour l'envoyer) certain élément ne se place pas comme ils étaient :/ Si quelqu'un aurait la solution.
Ps : J'ai mis le CSS dans le HTML avec le <style> </style> dans le <head> </head>
Voila ce que je devrait avoir
et voila ce que j'ai sur Gmail
ma partie blanche avec le texte ne se superpose pas comme ce que je souhaitait (sur l'image)
stray lava
quelque chose que j'ai oublié de dire :
Pour supperposé les deux partie j'ai utilisé un "magin-top: -30px;" sur la partie blanche (pour la superposé sur l'image)
hearty sequoia
ma partie blanche avec le texte ne se superpose pas comme ce que je souhaitait (...
essayes z-index: 5;
stray lava
j'avais déjà mis des z-index mais ça ne fonctionne pas
je l'ai mis sur le blanc-page
c'est la partie blanche
sur le texte ça ne sert à rien
je l'avais déjà fait mais ça ne change rien un fois envoyer dans gmail
errant cypress
#discussion-dev
wild lodge
<#694840287411044362>
merci
void anvil
Bonjour, je suis en train de refaire bootstrap pour les cours et je n'arrive pas à prendre toute la longueur (en responsive aussi) de ma page qui saurai comment faire
css
.container-fluid {
border: solid black 1px;
box-sizing: border-box;
width: 100%;
left: 0;
right: 0;
// margin-left: auto;
// margin-right: auto;
}
on voit bien les traits rouge sur les cotés
voici un screenshot
gaunt yoke
tu veux que ça touche les bords de ta page ?
par default sur une page html tu as un padding ou marge par default je ne sais plus
faudrait juste la mettre à 0
body { margin: 0; padding: 0 }
je sais juste plus si c'est de la marge ou du padding je te laisse checker
void anvil
c'était le margin merci j'espère que ça va pas pt mon css pour la suite X)
gaunt yoke
non si tu le met juste sur ton body no souci
opaque sun
Salut j'ai un ptit problème avec CSS quelqu'un de disponible pour regarder avec moi en vitesse ( c'est basique mais je comprend pas pourquoi ça marche pas )
C'est sur des histoire de background et d'image
hollow patrol
yo, des connaisseurs en Wcf7 ?
forest echo
Hello tout le monde j'avais une petite question pour un projet perso. Mon site est composé d'un header (en rouge) et du reste du site (en noir). J'aimerais pouvoir faire coulisser le header sous la partie du site pour qu'il disparaisse avec le scroll. J'ai essayé le "fixed" mais ca ne marche pas vraiment.... J'aimerais donc vos conseil, merci d'avance 😉 (mentionnez moi si vous avez une piste)
gaunt yoke
avoir l'impression que le contenu passe en dessous c'est ça ? tu peux essayer avec un background-attachment: fixed
normalement ça donne ce genre d'impression
floral haven
Passe ton header en abso (zindex si besoin en fonction du flux) et ajoute une box shadow pour render un peu plus réaliste
Ensuite faut jouer avec les couleurs
storm hollow
Bonjour à tous j'ai besoin d'aide , enfaite je suis en train d'apprendre le html & le css (les bases) donc en même temps je me fais un petit site web à côter un peu rigolo histoire de pratiquer et de consolider les notions. Bref j'ai un soucis au niveau du css je pense parceque en gros pour vous illustrer ça à l'écrit , j'essaye de mettre une image (gif) dans un cadre (png) . La seule solution que j'avais trouver avec mes compétences étaient d'utiliser le positionnement absolu , le probléme de ce positionnement c'est que l'image de ce que je vois n'est plus qu'existante visuellement (elle existe plus en tant qu'objet réel dans le code ducoup les paragraphes prennent sa place en remontant) . Bref je suis sur qu'une personne à peine qualifier en css & html pourrait m'aider c'est pourquoi je m'en remet à vous ! Je suis prêt à venir en vocal pour vois montrer le site et mieux vous expliquer le probléme si besoin.
floral haven
Regarde du côté de la position relative 😉
storm hollow
ah j'ai un autre problème maintenant
alors @floral haven en effet la position relative à résoud mon premier problème cependant maintenant je sais pas comment faire en sorte que mon image sois dérriere le cadre
z-index n'a pas l'air de marcher parceque c'est pour les positions absolu seulement
ducoup je sais pas si t'a une solution ?
floral haven
Ton image doit être derrière le cadre ?
Tu peux faire un screen ?
storm hollow
oui
ah merde
mdrrr
cest de ma faute
j'avais inversé les index
ok maintenant c'est parfait (pour combien de temps je sais pas lol)
merci beaucoup @floral haven
floral haven
np
storm hollow
Aussi , si je veux mettre un titre en dessous de mes cadres , je devrais utilisé la pos relative ou les margin ?
Aprés j'ai entendu dire que les pos en général fallait eviter d'utiliser ça
floral haven
C'est conseillé d'éviter car sinon les gens font n'importe quoi en pensant que c'est justifier
Faut juste les utiliser dans les bonnes situations et comprendre ce quelles vont réellement sinon tu vas vite te retrouver avec un site impossible à gérer
polar quarry
bonjour, j'espère que vous allez bien?
J'arrive pas à trouver sur internet, comment mettre un seul mot en gras dans une phrase?
steady verge
Salut, généralement tu encadres le mot dans une balise span avec une classe css
void anvil
bonjour, j'espère que vous allez bien?
J'arrive pas à trouver sur internet, comm...
ma phrase avec <b> mon mot en gras </b>
lone osprey
bonjour, j'espère que vous allez bien?
J'arrive pas à trouver sur internet, comm...
<strong> mot(s) </strong>
sage elbow
boreal sage
fr =/= fr_FR
storm hollow
Hello j'aimerais augmenter la taille de mon formulaire dans son intégralité , j'ai déja essayer de le convertir en block avec (display:block;) et d'augmenter sa taille dans son intégralité mais ça ne marche pas. Je débute en HTML&CSS ducoup je voudrais savoir si quelqu'un pouvait m'aider , voici mon code css & html ci-dessous. Et un screen de la page.
<form method="post" action="traitement.php">
<fieldset>
<legend>Vos coordonnées</legend> <!-- Titre du fieldset -->
<label for="nom">Nom</label>
<input type="text" name="nom" id="nom" />
<label for="prenom">Prénom</label>
<input type="text" name="prenom" id="prenom" />
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</fieldset>
<fieldset>
<label for="pseudo">Pseudonyme</label>
<input type="text" name="nom" id="nom" />
<label for="password">Votre mot-de-passe</label>
<input type="password" name="password" id="password" required />
<label for="email">Confirmez votre mot-de-passe</label>
<input type="password" name="password" id="password" required />
<input type="submit"/>
</fieldset>
</form>
</section> ```fieldset
{
display: flex;
flex-direction:column;
width: 400px;
position: relative;
left: 450px;
top: 200px;
background-color: rgba(255, 255, 255, 0.5);
}
eternal ember
Essaye de rajouter un height pour agrandir ton form
storm hollow
hello j'ai déjà essayer ça ne change rien
quand j'essaie de modifier le form ça ne fais rien du tout
dusky skiff
Hey, concernant le design je te conseille de l'améliorer en rajoutant du padding, des bords légèrement arrondi et une police un peu plus attrayante 👍
Et concernant ton problème, normalement changer la height c'est censé fonctionner, tu dois avoir une autre propriété qui l'empêche d'agir
foggy thistle
Bonjour, je débute en html/css, j'aimerais placer l'image au mileu de ma div, comment faire svp ?
hollow brook
Tu fais un div autour de l'img qui prend 100% en largeur et qui possède :
display: flex;
justify-content: center;
Et ça sera centré horizontalement
foggy thistle
ça marche nickel merci !
hollow brook
np
storm hollow
Et concernant ton problème, normalement changer la height c'est censé fonctionn...
ouais j'ai trouver une solution , par contre pour rendre vraiment le truc moins oldschool j'ai l'impression qu'avoir un framework est préférable
dusky skiff
ouais j'ai trouver une solution , par contre pour rendre vraiment le truc moins ...
Oui mais pas nécessaire
floral haven
Le framework (ou librairie css) va juste te guider dans une direction, tu peux faire un site complètement en framework qui ne ressemblera à rien. L'UI/UX et le design c'est quelque chose à part qui demande du temps et de la reflexion
storm hollow
oui je dis pas le contraire mais de ce que j'ai vu ça permet d'éviter de "recréer la roue" par moment
gaunt yoke
Utilise tailwind 
hollow brook
C'est bien ?
ça repose sur le principe de classe de bootstrap mais c'est plus "custom" je crois
gaunt yoke
Non c’est vraiment bien après c’est complètement différent d’un framework
c’est un gros helper ou utils css et tu dois quand même créer tout tes composants toi même
storm hollow
Utilise tailwind <:kappathugs:796831259698921525>
dusky skiff
Ok je vois
gaunt yoke
Donc c’est très différent d’un framework
dusky skiff
Perso j'ai utilisé Bulma, c'est vraiment pas mal
gaunt yoke
Mais c’est vachement cool car tu peux tout facilement custom
dusky skiff
Mais j'ai pas essayé Bootstrap
errant cypress
tu peux pas comparer bootstrap et tailwind quoi
dusky skiff
Jusqu'à présent je fais tout mon CSS " à la main "
gaunt yoke
oui c’est pas du tout la même chose
errant cypress
bootstrap a écarté jquery dans sa dernière version je crois
storm hollow
la qualité du code elle est pas impacter avec des trucs comme ça ?
gaunt yoke
tu peux comparer un KitUi à un framework à la limite mais@bon et encore
@storm hollow si
hollow brook
Mais ça reste sur le principe de classe les 2
dusky skiff
En mieux
gaunt yoke
Sauf si tu custom tes imports
hollow brook
Mais oui c'est différent
gaunt yoke
et que tu import que ce dont tu as besoin si car tu n’utiliseras pas tout ce que tu importes
Alors qu’avec ton style perso ou tailwind tu peux purge bcp plus facilement
allez moi je vous laisse bisous
dusky skiff
Ceux qui ont déjà utilisé Bootstrap et Bulma, vous avez une préférence ?
errant cypress
kiss 😘
hollow brook
Petit tools que je partage pour se faire un bootstrap custom (Genre changer les couleurs) https://bootstrap.build/
errant cypress
sensiblement la même chose bulma & bootstrap
storm hollow
Petit tools que je partage pour se faire un bootstrap custom (Genre changer les ...
merci je commence à apprendre bootstrap en plus
molten delta
Bonjour cher confrère de développement;
J'ai quelques petits problèmes avec mon CSS, j'aimerais faire un menus déroulant mais il ne se déroule pas !
Quelqu'un serait disponible pour m'aider s'il vous plait?
hollow brook
Personne ne peut deviner ton code, envoie le ici et on pourra t'aider
molten delta
Apres je demande pour savoir si quelqu'un et disponible sur le long terme et pas juste pour un message
hollow brook
Bah dans ce salon on peut aider sur le long terme, suffit de demander 
molten delta
je parle pour un vocale, il se peut que ce soit peut compliquer a expliquer
hollow brook
molten delta
/*Menu déroulant*/
:root{
--hauteur-menu: 60px;
}
* {
margin: 0px;
padding: 0px;
font-family: Montserrat, sans-serif;
}
nav {
width: 100%;
font-size: 18px;
position: sticky;
top: 0;
}
nav > ul {
display: flex;
text-align: center;
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
height: var(--hauteur-menu);
}
nav ul {
list-style-type: none;
}
nav > ul > li {
background-color: white;
position: relative;
height: 100%;
flex: 1;
}
nav > ul > li > a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
li a {
text-decoration: none;
color: black;
}
.menu-deroulant > a:after{
content: '❯';
font-size: 15px;
margin-left: 7px;
display: inline-block;
}
.sous-menu {
margin-top: var(--hauteur-menu);
width: 100%;
text-align: left;
background-color: white;
border-radius: 2px;
overflow: hidden;
max-height: 0;
}
.sous-menu > li > a {
height: 50px;
padding-left: 20px;
width: 100%;
align-items: center;
display: flex;
}
nav > ul > li:hover > a{
color: #2169EC;
}
.sous-menu > li:hover {
background-color: rgba(33, 105, 236, 0.3);
}
.sous-menu > li:hover > a {
color: white;
}
@keyframes rotationFleche {
0% {
transform: rotate(0deg);
}
100%{
transform: rotate(90deg);
}
}
.menu-deroulant:hover > a:after{
animation: rotationFleche 0.2s linear forwards;
}```<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="initial-scale=1,witdh=device-width">
<title>Les 7 comptoirs - Accueil</title>
<link rel="stylesheet" type='text/css' href="style.css">
</head>
<nav>
<ul>
<li class="menu-deroulant">
<a href="#">Services</a>
<ul class="sous-menu">
<li><a href="#">Graphisme</a></li>
<li><a href="#">Web & App</a></li>
<li><a href="#">Marketing</a></li>
</ul>
</li>
<li class="menu-deroulant">
<a href="#">Réalisations</a>
<ul class="sous-menu">
<li><a href="#">SpaceX</a></li>
<li><a href="#">Codeur.com</a></li>
</ul>
</li>
<li><a href="#">À propos</a></li>
<li><a href="#">Contactez-nous</a></li>
</ul>
</nav>```desoler je viens juste de percutter que je pouvais faire comme ça
neon seal
Bonjour,
J'ai un petit problème sur mon site je vois que je peux aller de gauche à droite
mais le problème c'est que ça me le fait sur mon pc, sur mon téléphone, sur le téléphone de mon pote et seul le développeur ça lui fait pas regardez
1ère vidéo la mienne
2ème vidéo celle du dev
lethal depot
Sur la vidéo du dev c'est pas les mêmes dimensions, Iphone 12 Pro pour toi et Iphone XR cotés dev, peut-être un problème de responsive
storm hollow
je suis pas un expert mais p-e qu'unoverflow-x: hidden; là ou ya le background pourrait resoudre ça
floral haven
Faut juste que le dev en question fasse un coup de responsive
gaunt yoke
Ca me fait rire parce que au point de faire une vidéo on sent que sa réponse c’était « mais sur mon écran ça marche » 😂😂
surtout le coup de molette pendant la vidéo un peu agacé
errant tinsel
errant cypress
hello les mecs, dites moi comment ça s'appelle le component qui ressemble à une card avec une image et à l'intérieur de l'image un petit + et quand on clique dessus l'image se met à taille réelle sur l'écran ? je trouve plus le nom 
hollow brook
Un peu comme un accordeon ?
errant cypress
Un peu comme un accordeon ?
oui et non, dans un sens où je pense à imaginons une card bootstrap avec une image et un + à l'intérieur de l'image et quand on clique dessus l'image s'étends à "taille réelle" sur l'écran
hollow brook
Ouais je vois ce que tu veux dire mais ça à pas de nom ça
errant cypress
Ouais mais du coup je sais plus comment en trouver
deft burrow
Expandable image card? un truc comme ça
hollow brook
Salut salut, je cherche un moyen de faire un sélecteur CSS mais je ne trouve pas de moyen qui fonctionne actuellement :
Je veux tous mes li qui ont en enfant un a avec la classe active
J'ai déjà essayé
li:has(> a.active)
Mais sans résultat
hollow brook
Là ça va sélectionner le a pas le li
hollow brook
Non
dusky skiff
li:has(> a:active)
Maybe ? Qui tente rien n'a rien 
hollow brook
Non ducoup
dusky skiff
J'ai jamais use has je peux pas t'aider sorry
hollow brook
C'est une classe active sur le a
np np
J'ai l'impression que has est deprecated
heheheha
dusky skiff
J'ai trouvé je crois
hollow brook
Oui
hollow brook
Je l'ai pas mentionné mais j'utilise le scss donc la syntaxe est un peu différente
dusky skiff
Ah ! Tu peux pas faire ça ?
hollow brook
J'ai une erreur
dusky skiff
sadge
hollow brook
wise hamletBOT
Salut salut, je cherche un moyen de faire un sélecteur CSS mais je ne trouve pas de moyen qui fonctionne actuellement :
Je veux tous mes li qui ont en enfant un a avec la classe active 
➜ [Voir le message original](#html-css message)
hollow brook
Toujours pas trouvé de réponse sinon
dusky skiff
J'ai cherché encore un peu mais je n'ai rien trouvé d'autre que ça sorry
Y'a plus qu'à attendre que quelqu'un réponde ou que tu trouves, good luck
hollow brook
oui
errant cypress
ah merde attend
hollow brook
J'attends
errant cypress
ok alors
hollow brook
errant cypress
li {
a.active & {
color: red !important;
}
}
ça marche pas ça ?
hollow brook
ça ça fonctionne pas
wise hamletBOT
Salut salut, je cherche un moyen de faire un sélecteur CSS mais je ne trouve pas de moyen qui fonctionne actuellement :
Je veux tous mes li qui ont en enfant un a avec la classe active
➜ [Voir le message original](#html-css message)
strong lynx
@hollow brook Ca fonctionne chez moi ça: css li > a.active { color: red !important; }
hollow brook
Ah
Je check
Ducoup en scss ça donne ça
& > a.active {
background-color: getColor('fifth');
}```Et ça donne ça en css
section.dashboard-section div.dashboard-left div.top nav ul li.nav-item > a.active {
background-color: var(--color-fifth);
}
hollow brook
Et c'est le a qui a le background-color
strong lynx
Ah my bad tu veux cibler le li toi
hollow brook
oui
hollow brook
Le :has
C'est en css 4 le :has
Aupire j'me fais pas chier et je change la classe active, je la passe sur le li
Voilà problème réglé
west stirrup
salut, depuis toute à l'heure je cherche comme un débutant ( car je le suis ) car je voulais tester un truc, quelle est la class pour monter un element pour le remonter ? j'ai essayé mt et mb et aucun fonctionne les deux le descende
merci d'avance
( avec tailwind )
hollow brook
salut, depuis toute à l'heure je cherche comme un débutant ( car je le suis ) ca...
Dans quel sens monter un élément ?
Dans les animations ont a tendance à utiliser ça (hover d'un bouton par exemple)
https://tailwindcss.com/docs/translate#translating-an-element
floral cloak
Bonjour, j'ai un petit problème au niveau responsive sur mon site sur un formulaire de contact
L'input est définit à 335px ici
Hors je veux qu'il soit à 100% de la largeur du téléphone, mais cela crée un débordement
floral haven
100% va prendre la largeur de ton parent
floral cloak
Je n'ai pas défini de longueur pour la boîte qui contient tous les input
en mettant 100%, c'est pareil il y a un débordement
j'ai essayé l'unité VW car j'utilise VH pour la hauteur de l'écran,
et pareil ça dépasse à 100
floral haven
Il faut gérer la taille sur tous les parents, pas uniquement sur le n-1
Si tu as un débordement c'est que ton responsive est mal géré plus haut
floral cloak
Pourtant quand je défile ma page, j'ai bien tout à l'intérieur, le problème vient vraiment que du formulaire de contact
Ah je vois (c'est réglé)
pale trench
Salut, comment je pourrais faire pour avoir une div scrollable mais qui a un height en auto
voila je m'explique, dans la première image c'est le résultat que je veut, j'ai deux div. La première c'est celle qui a un encadrement orange et la deuxième en vert, je souhaite que la deuxième div reste toujours en bas et que la première div est un height qui varie en fonction de la taille de la fenêtre
lorsque je met un height en auto sur la div orange j'obtient ca
la div scrollable descend tout en bas
west stirrup
Dans les animations ont a tendance à utiliser ça (hover d'un bouton par exemple)...
merci beaucoup
hollow brook
np
floral haven
Oui y a un mec qui a un uptime de 99.99%, c'est google
jolly pier
Oui y a un mec qui a un uptime de 99.99%, c'est google
Tu parles à moi ?
copper warren
Tu parles à moi ?
non il parlait tout seul
jolly pier
Ok
hollow brook
languid cypress
Bonsoir , je suis entrain de codé le site web de mon bot discord , et je cherche a afficher en tant réel le nombre de serveur utilisant le bot discord , comment faire ?
west stirrup
Salut, tu peux passer par une API
languid cypress
Tu connais un api qui le fait ?
patent solstice
Discord 😁
median hound
void anvil
comment je peux faire un shop comme ça ?
floral haven
Avec un peu d'huile de coude
void anvil
😂
floral haven
C'est toi qui a fait Zikaa ?
gaunt yoke
C'est toi qui a fait Zikaa ?
j'aurai plus misé que c'est la personne qui a fait le theme
floral haven
Bah je me dis, si il a été capable de faire ce site, faire une boutique devrait pas non plus lui poser trop de problème ^^
gaunt yoke
oui mais ça ressemble a un thème
donc je pense pas (sauf si je me trompe sait on jamais!)
floral haven
Bah après même si il utilise un template front, il a fait le back j'imagine
Y a du SSR etc donc il doit quand même comprendre ce qu'il fait
let's go les CGU en tout cas
C'est entièrement généré
Je suis fortement déçu pour le coup
void anvil
Dsl j'essaye d'apprendre petit à petit et le cms me permet de me donner une idée de comment faire
floral haven
Si ton but c'est d'apprendre à dev, éloigne toi le plus possible des CMS
Si ton but c'est de faire des tunes facilement sans réflechir, les CMS sont tes amis
void anvil
Ah ok
errant cypress
pour le coup niveau front & back c’est assez simple
ça nécessite pas vraiment de cms si tu veux apprendre le dév
void anvil
pour le coup niveau front & back c’est assez simple
c'est quoi front & back ?
wise cosmos
c'est quoi front & back ?
Front, ce que tu vois
Back, ce que tu ne vois pas ( serveur/donnees)
void anvil
Ah d'accord merci
median stag
hey ! est ce que c'est possible ?
charred gate
hey ! est ce que c'est possible ?
Tu peux tout mettre dans un seul class="", il te suffit de séparer tes deux noms de classes par un espace. Tu peux même en mettre autant que tu veux tant que tu mets un espace entre chaque nom de classe 🙂
median stag
donc là c'est bon ?
patent solstice
Non, met juste dans une propriété
median stag
oké mercii
vernal yoke
Bonjour
J'ai une div en display: flex; avec un justify-content sur space-around. Dans cette div, j'en ai 4 autres
Comment je fais pour choisir la distance que je veux entre mes blocs ?
floral haven
En utilisant pas space-around car par définition space-around va espacer de façon égale autour de chaque enfant de la div parente
vernal yoke
En utilisant pas space-around car par définition space-around va espacer de faço...
Ou je garde space-around en mettant un margin sur les éléments que je veux espacer ?
Ou que je contrôle directement la taille de la div parent ?
patent solstice
Tu contrôles la taille de ta div parent oui si tu peux, plus propre
floral haven
En supposant que tu veux la même taille entre chaque enfants
median stag
hey ! est ce qu'on peut mettre deux fois la balise div ? si oui comment ? comment on l'identifie dans le css ?
patent solstice
hey ! est ce qu'on peut mettre deux fois la balise div ? si oui comment ? commen...
C'est-à-dire deux fois la balise div?
median stag
l'utiliser deux fois
patent solstice
l'utiliser deux fois
C'justement ça que je comprend pas
Tu peux mettre autant de div que tu veux
Et si tu veux utiliser un style commun, tu mets le même nom de la class
median stag
nan tkt c'est bon j'ai compris tout seul^^
median stag
hey ! j'ai deux questions en rapport avec ma barre de navigation, comment on fait pour que ma bordure s'arrête après "Mini Jeu" ?
Mon autre question est, comment on fait pour que lorsqu'on ai sur une page, qu'il y est une indication, genreun background sur le mot, sur lequel on est sur la page.
merci par avance^^
hearty sequoia
hey ! j'ai deux questions en rapport avec ma barre de navigation, comment on fai...
Pour ta deuxième question tu pourrais faire en sorte que le mot change de couleur en fonction de la page ou tu es
median stag
comment ?
median stag
Tu veux que la bordure commence juste avant accueil aussi ?
oui
patent solstice
Faut que tu nous montres ton code
Et pour la couleur, faudrait faire ça en javascript
patent solstice
Si mais si tu veux que ça joue en fonction de la location de l'user, le mieux c'est le javascript
patent solstice
Oui c'est ça
median stag
et pour la première ?
patent solstice
Montre ton code de ce que tu as actuellement
en css sur ton menu
Ou fait un codepen
median stag
pk y'a besoins du code ?
patent solstice
Voir ta manière de faire et voir ce qui ne va pas dans ce que tu fais
vagrant knot
Yop yop! J'ai un domaine en .tk, ça peut sûrement venir de ça, mais ça me fait une erreur lorsque je veux aller sur Steam en connexion direct de mon site...
strong lynx
Surement il y a moyen que steam bloque tout ce genre de tld à bas prix
vagrant knot
Oh non 😢
vagrant knot
Surement il y a moyen que steam bloque tout ce genre de tld à bas prix
Tu penses que le .xyz est également bloqué ?
strong lynx
Aucune idée, je vois pas d'info publique comme quoi steam bloque tel ou tel domaine donc je peux pas te dire
flat ibex
@livid iron
livid iron
onjour j'avais une question pr que le site soit propre que pourrai-je mettre comme background
J'ai un peu cherche mais je trouve que des couleurs ou des images qui ne vont pas trop avec la page du site
hearty sequoia
onjour j'avais une question pr que le site soit propre que pourrai-je mettre com...
Faudrait montrer le site en question
livid iron
Faudrait montrer le site en question
je peux te faire un partage d'ecran ?
En voc ce serait mieux
median stag
hey ! je me demandais comment on fait pour que notre bouton soit d'une couleur différente lorsqu'on est sur la page du bouton, merci^^
patent solstice
La page du bouton ?
plain haven
hey ! je me demandais comment on fait pour que notre bouton soit d'une couleur d...
dis + précisément ce que tu veux
tu veux peut-être dire que le bouton change de couleur quand la souris passe dessus ? (quand le surseur survol le bouton)
median stag
La page du bouton ?
c'est à dire ?
median stag
dis + précisément ce que tu veux
je veux que sur ma barre de navigation, qu'elle ai un bg et une couleur différente lorsque je suis sur cette page en question
patent solstice
Je t'ai déjà répondu hier
median stag
ah oe sry^^
plain haven
ok
solar timber
Yop yop! J'ai un domaine en `.tk`, ça peut sûrement venir de ça, mais ça me fait...
Tu as un certificat SSL ? cela peut éventuellement venir de là.
Steam doit probablement bloquer.
thick spindle
Bonjour à vous, je rencontre un problème avec le logo de la "navbar" de mon site, celui de base est en ."svg" et est très grand, mais quand j'essaie d'en mettre un autre, pas moyen, même si je l'agrandis etc... il apparait toujours très petit dans la "navbar", j'ai essayé de l'exporter en ".png" et ".svg" mais pas moyen, une idée ? merci d'avance
wild mesa
Bonjour à vous, je rencontre un problème avec le logo de la "navbar" de mon site...
Le code
thick spindle
vagrant knot
Tu as un certificat SSL ? cela peut éventuellement venir de là.
Steam doit proba...
Salut ! Oui j’en possède un
eternal ember
Bonjour, j'aurai besoin d'aide vite fait.
J'ai fait ça : https://killerjumper.000webhostapp.com/portfolio.html
Et quand je clique sur Qui-Suis-je ça ne veut pas m'amener à la catégorie qu'il faut alors que j'ai mis l'id et tout.
eternal ember
Ah oui faut pas que je mettes le # je suis trop con XD
Merci en tout cas de m'avoir fait voir où elle était.
wise cosmos
Bonjour, j'aurai besoin d'aide vite fait.
J'ai fait ça : https://killerjumper.00...
T'es optionnel ? 🤔
eternal ember
???
wise cosmos
" je suis une option "
eternal ember
Ah je voulais dire genre j'en fais une j'en suis le verbe suivre pas le verbe être att je corriges là XD
Enfin je reformule.
wise cosmos
Cela dit, simple site et efficace
eternal ember
Merci c'est gentil.
median stag
hey ! je voudrais zoomer une image lorsque la souris passe sur l'image, j'ai donc fais cela (image), ça marche, mais si je passe à droite ou à gauche ma souris, ça zoom aussi, alors que ça ne fait plus partie de mon image, comment bien délimiter ?
gaunt yoke
Met le :hover sur img
median stag
c'est à dire
timber willow
c'est à dire
en gros tu fais
#avance img:hover{
}
median stag
moké
timber willow
ca marche ou marche pas
timber willow
bah car c'est la fonction qui est fait pour ca x)
median stag
ah nickel
gaunt yoke
Parce que avant tu faisais un hover sur tout l’élément
patent solstice
mais pourquoi le fait de faire ça ça marche ?
Car le hover tu l'avais mis sur la div
Du coup ça zooomait quand tu passais ta souris sur la div et pas l'image
median stag
et comment on fait pour que lorsqu'on quitte l'img, ça soit moins violent
gaunt yoke
La tu fais uniquement sur l’image
median stag
Car le hover tu l'avais mis sur la div
Du coup ça zooomait quand tu passais ta s...
ah oeee
gaunt yoke
tu peux mettre des transitions @median stag
timber willow
ou un transform ca marche pas mal aussi
median stag
transition: 0.5s j'ai mis mais quand je quitte l'image c'est violent
median stag
gaunt yoke
Oui c’est pour ça
median stag
y'a une balise ou un truc comme ça ?
gaunt yoke
La ta transition est appelé uniquement quand tu passes ta souris
median stag
au lieu de hover
gaunt yoke
Non le transition met le pas au hover
Juste en gros
#avance img { transition: .5s }
comme ça elle sera appliqué a l’entrée et à la sortie
median stag
merciiiii^^
timber willow
enzo d'ailleurs j'ai un question
median stag
comme ça elle sera appliqué a l’entrée et à la sortie
et pourquoi ça marche pas sur une image que j'ai radius ?
gaunt yoke
et pourquoi ça marche pas sur une image que j'ai radius ?
?? + de détails
timber willow
concernant l'opacité d'un contenu j'aimerais mettre le fond de ma card en transparence mais que le texte ne soit pas impacté hors le opacity s'applique sur tout le contenu
gaunt yoke
concernant l'opacité d'un contenu j'aimerais mettre le fond de ma card en trans...
Oui l’opacité ce sera tout l’élément malheureusement
Tu peux mettre ta couleur en transparence avec rgba
Pour gérer l’alpha en plus de la couleur
median stag
ça ne fonctionne pas sur ça
median stag
oe j'ai canner hier donc j'ai mit masse trucs
timber willow
non c'est une seul class ou un id tu peux pas en mettre 50
median stag
les class on peut en mettre autant qu'on veut nan
timber willow
et je te conseil de faire un fichier .css pour gérer le css de ta page
timber willow
Tu peux mettre ta couleur en transparence avec rgba
merci j'y avais pas pensé x)
timber willow
j'ai mes collapse qui ne marchent pas quelqu'un sait pourquoi ?
timber willow
Yes deux secondes je regarde ton code
j'ai littérallement le meme proposé sur bootstrap 😦
pour ca comprends po tout
<div class="presentation">
<p>
<a class="btn btn-primary" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
Link with href
</a>
<button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
Button with data-bs-target
</button>
</p>
<div class="collapse" id="collapseExample">
<div class="card card-body">
Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
</div>
</div>
</div>
😂 quel enflure
je sais pas si leur collapse fonctionne avec le js, mais dans le doute, tu charges bien la partie js de bootstrap ?
timber willow
je sais pas si leur collapse fonctionne avec le js, mais dans le doute, tu charg...
nope c'est peut etre pour ca
ok merci x)
charred gate
ça ne fonctionne pas sur ça
Tu as oublié un espace avant class=""
Et pour les id tu peux en mettre plusieurs en faisant id="id1 id2…"
gaunt yoke
Et pour les id tu peux en mettre plusieurs en faisant id="id1 id2…"
alors non
pour les class oui, mais les id c'est quelque chose d'unique, donc c'est un seul id par élément
tu peux mettre plusieurs class mais c'est dans un seul attribut class aussi, pas en plusieurs
Do:
<div class="class2 class3 class4"></div>
Don't
<div class="class1" class="class2"....></div>
Ah merde mybad alors
livid iron
Slt,J'ai une question j'ai genre plusieurs page pr le site mais jsp cmt les personnaliser en un seul fichier css ?
Jai deja relie les fichiers mais jpp modifier toutes mes pages eulement une si quelqu'un est dispo en voc pr montrer
hollow brook
Bah dans tous tes fichiers html tu mets le même fichier css et tu gardes dans tous tes fichiers html la même structure (les mêmes classes par exemple)
livid iron
Bah dans tous tes fichiers html tu mets le même fichier css et tu gardes dans to...
je pense que c'est ca qu j'ai pas trop compris je peux te faire un paratge?
hollow brook
Non
wise cosmos
je pense que c'est ca qu j'ai pas trop compris je peux te faire un paratge?
C’était clair pourtant
livid iron
pas vrm
sturdy solstice
Hello
j'ai une petite question, je suis bloqué sur un truc !
Dans mon css, par tous les moyens, ma div ne veut pas descendre...
ca donne ca !
pourquoi elle ne peux pas descendre de 50000vh commme indiqué dans le css ?
voici mon code (jugez pas svp 😂)
merci d'avance 🙂
timber willow
merci d'avance 🙂
tu peux tricher un peu avec du margin
livid iron
Bonjour je voudrais un script simple pr faire une page de présentation de contact j'en trouve sur internet mais c'est assez galère je voudrais quelques choses de simple
Pr une oage de contact
wise cosmos
Bonjour je voudrais un script simple pr faire une page de présentation de contac...
Tu veux carrément un code complet, dans le mauvais salon 🤔
livid iron
Tu veux carrément un code complet, dans le mauvais salon 🤔
NN mais un exemple sur un internet simple
wise cosmos
Tu peux chercher par toi même
script forms contact
Je sais même pas quel langage tu veux
Si c’est du vanilla etc
livid iron
C'est pr du html css c pr ça que je suis ds ce salon lol
Enfaite j'en ai trouve mais quand j'entre les informations repl it me dis que c'est introuvable Après
Je dois faire une autre page qui recupe les infos?
wise cosmos
Oui mais… tu créer un script en html/css toi ?
livid iron
Oui mais… tu créer un script en html/css toi ?
Oui
J'ai le ofrmulaire mais cmt je peux recup les infos entres?
car j'ai une erreur sinon
somber path
Un script se fait dans un autre language si jamais, html et css ne sont pas des langages de programmation 😏
La il te manque le fait de récupéré le formulaire ? Ou veux tu le recuperer ect ? Ton problème n'est pas super clair !
livid iron
je t'envoie le site en privé
somber path
Bah c'est surtout l'objectif que tu veux atteindre que j'aimerais connaître
digital swallow
pour recuperer les données tu utilise le javascript ou le php ?
html ne permet pas la récupération ou le stockage de données, même en cache, tu a besoin de passer par du javascript ou du php, tout dépend de ce que tu veut obtenir
livid iron
Ah d'accord non je voulais juste les afficher sur la page
Je peux pas encore fait autre chose avec
digital swallow
pour afficher je te conseil de récupérer en javascript
somber path
Donc tu veux afficher sur ta page le resultat de ton formulaire?
somber path
Tu peux t'y prendre en javascript, tu en as déjà fait un peu ?
somber path
Donc il faut que je récupère puis affiche?
Exactement !
livid iron
J'en fait un peu j'ai juste les bases
digital swallow
oui tu recupere en javascript le formulaire, tu le stocke et tu l'affiche
livid iron
Je vais essayer de chercher sur internet
D'accord je vois mais quand j'entre les informations ça les stok automatiquement dans un variable ?
somber path
Je mets permets d'envoyer ton formulaire dans le channel pour te filer un coup de main
livid iron
Ou pas du tout
somber path
D'accord je vois mais quand j'entre les informations ça les stok automatiquement...
tu peux les stocker dans une variable
livid iron
Oui pas de problème merci
somber path
<form action="action_page.php">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<input type="submit" value="Submit">
</form>
tu veut stocker indéfiniment ou juste un temps très court ?
somber path
Dans un premier temps ton "action" est mauvais sachant que tu renvoies pas vers une page en php
livid iron
Je pense un temps court le serveur de repl peut pas prendre trop d'info
Dac on l'enlève alors
digital swallow
attention retire le action_page.php, ne passe pas en php et au moment de l'envoie ton formulaire va essayer de passer par cette page ^^
digital swallow
Dans un premier temps ton "action" est mauvais sachant que tu renvoies pas vers ...
plus rapide que moi mdrr mais oui
somber path
Ensuite, ton idée est de lancé une fonction javascript, je vais essayé de resté dans quelque chose de simple
Tu peux lancé une fonction javascript à la validation de ton formulaire
<!DOCTYPE html>
<html>
<body>
<p>When you submit the form, a function is triggered which alerts some text.</p>
<form action="/action_page.php" onsubmit="myFunction()">
Enter name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
<script>
function myFunction() {
alert("The form was submitted");
}
</script>
</body>
</html>
De cette manière ! (Exemple w3schools)
radiant pumice
Salut vous avez un web builder a me conseiller?
somber path
```html
<!DOCTYPE html>
<html>
<body>
<p>When you submit the form, a function i...
L'idée ce sera ensuite de récupéré tes données et les affichés dans ta fonction
digital swallow
ce que tu peut faire c'est passer par Document.getElementbyId pour récuperer que tu place dans la fonction que tu active au moment où l'appuie sur le bouton
somber path
Salut vous avez un web builder a me conseiller?
Hello hello, j'en utilise pas personnellement donc je pourrais pas !
radiant pumice
Dacc
somber path
ce que tu peut faire c'est passer par Document.getElementbyId pour récuperer que...
Exactement, donc tu dois dans un premier temps rajouter des "id" dans ton html !
livid iron
Donc je dois faire un id des infos?
somber path
ton form devrait ressembler à ça
digital swallow
tu met un id différent pour chaque champs a renseigner
somber path
<form onsubmit="myFunction()">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<input type="submit" value="Submit">
</form>
Ensuite côté js
tu récupères ton nom, prenom et sujet avec
fname = document.getElementById("fname").value
getElementById te permet de recupéré le html element "input", la propriété value te permets d'accédé a ce que la personne à remplis !
livid iron
ADaccord j'essaie de faire ca
D'accord fonc j'ai commencé maiq je crois que j'ai pas trop compris l'idée de la fonction tu peux regarder ?
somber path
Deux minutes je rentre du boulot
digital swallow
montre ta fonction, si cela ne dérange pas RedTenZ et l'arrange je peut y regarder x)
somber path
Vasy vasy ! Tant qu'il se fait aider
digital swallow
vasi montre ta fonction alors, je vais t'aider ^^
livid iron
// Récupération du formulaire
const form_name = document.querySelector('#form')
// Lors de l'envoi du formulaire, on appel la fonction submit
form_name.addEventListener('submit', submit)
// Déclaration de la fonction submit()
function submit(event)
{
// On annule l'action d'envoi du formulaire afin de pouvoir traiter les données
event.preventDefault()
// Message d'alerte
alert('Le formulaire va être envoyé sans traitement !')
}
@digital swallow
digital swallow
Tu ne récupères pas encore les données là, tu traite juste l’envoie du formulaire via le bouton submit ?
somber path
Dans 15 petites minutes jretourne au taff et jpeux vous aider
digital swallow
Moi je suis en cours là, je suis entrain d’en faire du js mais du coup je regarde entre 2 le discord et je fait mon activité x)
somber path
// Récupération du formulaire
const form_name = document.querySelector('#form...
Re ! Donc la tu as pris la partie traitement du formulaire et tu as la fonction qui se lance quand tu envoies
maintenant tu peux récupérer tes données et les affichés !
Pour les récupéré tu peux faire comme ça
fname = document.getElementById("fname").value
et pareil avec les deux autres
tu les auras stockés dans tes variables et après tu les affiches comme tu en as envie ^^
livid iron
Pr les afficher je ferai par exemple un prompt (fname) ou un alert(fname) par exemple ?
digital swallow
dit tu a l'air de t'y connaitre mieu que moi en js mdrr, mopn activié demande de calculer un prix automatique (c'est fait), d'afficher une image en fonction de la selection d'un balise select ( fait également), mais en plus sur cette balise select je doit faire changer la titre en fonction de la séléction, tu sais comment faire ? ^^
me suis inspiré de l'image qui change mais le titre ca fonctionne pas mdrr
somber path
dit tu a l'air de t'y connaitre mieu que moi en js mdrr, mopn activié demande de...
Montre?
digital swallow
yep
et mon js
function total() {
var choix_pc=document.getElementById("choix_pc").value;
if(choix_pc == "inspiron"){
prix = 400;
}
if(choix_pc == "inspiron_bis"){
prix = 550;
}
if(choix_pc == "inspiron_ter"){
prix = 700;
}
var proces;
if(document.getElementById("i3").checked == true){
proces = 180;
}
if(document.getElementById("i5").checked == true){
proces = 220;
}
if(document.getElementById("i7").checked == true){
proces = 320;
}
var win;
if(document.getElementById("fam").checked == true){
win = 50;
}
if(document.getElementById("pro").checked == true){
win = 100;
}
var graph;
if(document.getElementById("uhd").checked == true){
graph = 120;
}
if(document.getElementById("iris").checked == true){
graph = 180;
}
if(document.getElementById("nvidia").checked == true){
graph = 240;
}
var disquedur;
if(document.getElementById("disque").checked == true){
disquedur = 70;
}
if(document.getElementById("disque_bis").checked == true){
disquedur = 130;
}
if(document.getElementById("disque_ter").checked == true){
disquedur = 180;
}
var sac;
if(document.getElementById("sac").checked == true){
sac=45;
}
else{
sac=0;
}
var souris;
if(document.getElementById("souris").checked == true){
souris=20;
}
else{
souris=0;
}
var mobile;
if(document.getElementById("mobile").checked == true){
mobile=20;
}
else{
mobile=0;
}
var prixtotal=prix+proces+win+graph+disquedur+sac+souris+mobile;
document.getElementById("prixtotal").value=prixtotal
}
function ordinateur(x) {
document.getElementById("imgpc").src = x +".psd";
}
somber path
et mon js
function total() {
var choix_pc=document.getElementById("choix_pc")....
Première chose sur ton html
la balise "center" est obsolète
pareil pour ton align="center"
digital swallow
M'enfin !
Donc pour y revenir
Tu lances une fonction sur ton onchange
(d'ailleurs comme tu file plusieurs fonction a ton onchange il serait plus propre d'ajouter un event listener)
bref ! Sinon tu lui files une fonction
dans la fonction tu récupères ton titre
digital swallow
fait pas attention au html il est pas de moi, la prof nous la donner tout fait on a pas le droit de le modifier mdrr ^^
somber path
"document.getElementById"
et après tu accèdes à sa valeur "innerText" et tu la modifies
digital swallow
je recupere mon titre comme pour l'image et je l'affiche dans ma balise titre
somber path
fait pas attention au html il est pas de moi, la prof nous la donner tout fait o...
ça me bute vraiment les profs comme ça
somber path
je recupere mon titre comme pour l'image et je l'affiche dans ma balise titre
tu as juste à modifié le "innerText" de ton titre !
digital swallow
si la sa te derange je peut te montrer d'autre code de elle tu va t'arracher les cheveux mdrr xD
somber path
Jt'envoie la doc si tu veux
digital swallow
d'accord je te remercie je vais y regarder
digital swallow
je te remercie ! ^^
sturdy solstice
tu peux tricher un peu avec du margin
MAIS CA DESCEND PAS je te jure ^^
regardes ^^
et le truc il descend pas !
timber willow
J’reviens chez moi et je regardes ton code
sturdy solstice
ok merci beaucoup
sturdy solstice
MAIS CA DESCEND PAS je te jure ^^
c'ets bon merci quand meme 😉
mortal crane
Slt quelqu'un sait comment on met un texte en gras du côté css ?
floral haven
font-weight
floral haven
Avec la valeur, check le cdn de mozilla au besoin
Mais ton IDE devrait déjà te compléter normalement
mortal crane
bah en gros j'ai mis des balises li mais jsp pas comment les mettres en gras
floral haven
Tu peux faire une nouvelle class et dans cette class utilisé font-weight justement
floral haven
Met une valeur au dessus de 400 genre 800
dusky skiff
Ouais 100 c'est normal
dusky skiff
Montserrat, Lemon Milk pour les titres
mortal crane
Lemon Milk c'est sur google font car je trouve pas
dusky skiff
Aucune idée
mortal crane
Aucune idée
Tu la recup comment ?
dusky skiff
Tu la recup comment ?
Aucune idée
mortal crane
okok mrc
errant cypress
median stag
hey ! comment on fait pour que la menu d e nav ne bouge pas lorsqu'on descend la page ? paske je réussi avec "position:fixed", mais ma barre de navigation n'est plus à sa place ..
wise cosmos
hey ! comment on fait pour que la menu d e nav ne bouge pas lorsqu'on descend la...
Tu changes les props pour qu’elle y reste
La façon de modifier les dimensions d’un élément relatif ou fixed/absolute n’est pas la même
median stag
Tu changes les props pour qu’elle y reste
c'est à dire
gaunt yoke
hey ! comment on fait pour que la menu d e nav ne bouge pas lorsqu'on descend la...
position: sticky
ça évitera que ton élément devienne indépendant au parent ou au reste de la page
et tu dois mettre la propriété top aussi
median stag
où ?
shadow carbon
hey ! comment on fait pour que la menu d e nav ne bouge pas lorsqu'on descend la...
scrool
shadow carbon
mais tkt j'ai réussi tout seul
Okey
shadow carbon
mais je comprends pas ça
Bha en js Tu modifie le style quand scrool
mortal crane
https://www.dafont.com/lemon-milk.font
Mrc
median stag
vous recommandez ? :
et
?
hollow brook
Bof bof
deft burrow
non
les "pour les nuls" c'est pas des livres de programmation très bien écrits
à la place t'as des trucs dédiés et dans tous les cas sur les livres y en a peu à la fois fr et bons
pour moi sur ça vaut mieux se diriger vers internet
surtout sur du html/css
javascript t'as un peu de tout cela dit
steady verge
Ils doivent être dans une balise ul
plain haven
<ul>
<li>blablabla</li>
<li>blablabla</li>
<li>blablabla</li>
</ul>```
comme ceciParce que tu ne le vois pas
Tu as un overflow en x
young crag
Est ce que vous avez de belles écriture a conseiller ?
Tommy Soft Black
tu peux le taper sur google
soft fog
Hello
Can someone recommend me some ytb channels or website to start learning Web developpement thanks in advance
gaunt yoke
Hi @soft fog
I think this 3 channels are very cool for learning:
- https://www.youtube.com/kepowob
- https://www.youtube.com/c/TheCoderCoder
- https://www.youtube.com/c/TraversyMedia
I hope you will find your happiness is this 3 ytb channels
vernal yoke
Comment je fais pour changer la taille d'un bloc (dans un container flex) seulement une fois que ça a été wrap ? (responsive)
Je suis obligé d'utiliser les media queries ?
J'ai 3 blocs affichés côte à côté
Sur mon téléphone, il y a un block par ligne
Sauf que je veux que quand je suis à un bloc par ligne, que ça prenne toute la width
soft fog
Hi <@!694567408991600650>
I think this 3 channels are very cool for learning:
-...
Thank allot @gaunt yoke ❤️
flat pivot
One message removed from a suspended account.
gaunt yoke
One message removed from a suspended account.
hello je suis entrain de tester et mon css se met bien à jour automatiquement
Même après un refresh rien ? ton css est bien load dans ton projet ?
dusky skiff
One message removed from a suspended account.
Hey, au lieu d'aller sur 127.0.0.1 va directement sur localhost. Donc si ton URL est http://127.0.0.1:8080/ remplace là par http://localhost:8080/
J'avais eu le bug je ne sais pas d'où ça vient 
J'espère que ça peut régler ton soucis
flat pivot
hello je suis entrain de tester et mon css se met bien à jour automatiquement
Mê...
One message removed from a suspended account.
flat pivot
Hey, au lieu d'aller sur 127.0.0.1 va directement sur localhost. Donc si ton URL...
One message removed from a suspended account.
mortal crane
petite question
Comment on fais pour mettre genre un carré au milieu de l'ecran
genre pour mettre un carré au milieu de l'ecran
Un peu dans le style la
mortal crane
Je voudrais faire un carrée blanc au millieu de page centrer pour pouvoir mettre des ecriture comme un peu l'image du dessus
mortal crane
et la centrer (horizontalement et verticalement)
Avec quoi
mortal crane
Grid ou flex box
Comment car mon je voudrais faire un peu comme au dessus(#html-css message) mais je n'y arrive pas
wise hamletBOT
Un peu dans le style la
Ce message contient également une image, visible à droite de l'embed.
➜ [Voir le message original](#html-css message)
wise cosmos
Tu parles de la div globale ?
plain haven
alors
mortal crane
Oui genre je voudrais faire un truc dans le style la