[HTML] Aidez un khey à coder une page ULTRA basique

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
  padding: 10px;
  margin: 10px 0px;
  text-align: center;
  border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
    padding: 10px;
    margin: 10px 0px;
    text-align: center;
    border-top: 1px solid #CCC;
}

Incroyable, ça a marché

hehe c'est pas sorcier
attends je regarde pour le menu ça daaaate j'ai pas fait de html/css

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
    padding: 10px;
    margin: 10px 0px;
    text-align: center;
    border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Il y a la balise footer pour ça.
https://developer.mozilla.org/fr/docs/Web/HTML/Element/footer

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
    padding: 10px;
    margin: 10px 0px;
    text-align: center;
    border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Tu dis ne pas devoir c/c le site, mais ça c'est exactement un c/c du site.
Utilise au moins la balise footer à la place de div pour montrer à ton prof que tu as regardé un peu sur internet.

Le 08 décembre 2021 à 04:27:46 :

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
  padding: 10px;
  margin: 10px 0px;
  text-align: center;
  border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Il y a la balise footer pour ça.
https://developer.mozilla.org/fr/docs/Web/HTML/Element/footer

Il me semble que c'est ce que j'ai utilisé grâce à aiguiser du coup

Le 08 décembre 2021 à 04:30:49 :

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
  padding: 10px;
  margin: 10px 0px;
  text-align: center;
  border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Tu dis ne pas devoir c/c le site, mais ça c'est exactement un c/c du site.
Utilise au moins la balise footer à la place de div pour montrer à ton prof que tu as regardé un peu sur internet.

Je dois avoir le même rendu visuel mais sans c/c le code source en gros

Le 08 décembre 2021 à 04:32:02 :

Le 08 décembre 2021 à 04:27:46 :

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
    padding: 10px;
    margin: 10px 0px;
    text-align: center;
    border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Il y a la balise footer pour ça.
https://developer.mozilla.org/fr/docs/Web/HTML/Element/footer

Il me semble que c'est ce que j'ai utilisé grâce à aiguiser du coup

Bah non tu as utilisé une div et pas un footer.
<div id="footer">
C'est juste que tu lui as dit son id est footer, mais tu aurais pu écrire "rnezionreoznf" à la place, ça fonctionne aussi.

Le 08 décembre 2021 à 04:32:38 :

Le 08 décembre 2021 à 04:30:49 :

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
    padding: 10px;
    margin: 10px 0px;
    text-align: center;
    border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Tu dis ne pas devoir c/c le site, mais ça c'est exactement un c/c du site.
Utilise au moins la balise footer à la place de div pour montrer à ton prof que tu as regardé un peu sur internet.

Je dois avoir le même rendu visuel mais sans c/c le code source en gros

Ton footer actuel est un c/c exact du code du site. C'est pour ça que je te dis d'utiliser la balise footer et non div, pour montrer à ton prof que tu as fait quelques recherches.
Mais pour ta défense, le site est tellement simple et basique que je ne vois pas comment tu n'auras pas le même code à la fin.

Tu as juste a faire ca pour changer

<footer>
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
</footer>

footer
{
  padding: 10px;
  margin: 10px 0px;
  text-align: center;
  border-top: 1px solid #CCC;
}

Le 08 décembre 2021 à 04:35:32 :

Le 08 décembre 2021 à 04:32:38 :

Le 08 décembre 2021 à 04:30:49 :

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
  padding: 10px;
  margin: 10px 0px;
  text-align: center;
  border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Tu dis ne pas devoir c/c le site, mais ça c'est exactement un c/c du site.
Utilise au moins la balise footer à la place de div pour montrer à ton prof que tu as regardé un peu sur internet.

Je dois avoir le même rendu visuel mais sans c/c le code source en gros

Ton footer actuel est un c/c exact du code du site. C'est pour ça que je te dis d'utiliser la balise footer et non div, pour montrer à ton prof que tu as fait quelques recherches.
Mais pour ta défense, le site est tellement simple et basique que je ne vois pas comment tu n'auras pas le même code à la fin.

Ah, je vois. Quelle est la différence entre une div utilisée en tant que footer et un footer original ?

j'ai tjrs fait avec des div

mais en gros le code est remplaçable par :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<footer>
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
</footer>

dans le fichier css :

footer
{
  padding: 10px;
  margin: 10px 0px;
  text-align: center;
  border-top: 1px solid #CCC;
}

et c'est normal d'avoir des c/c à droite à gauche, c'est littéralement une copie d'un site qu'il doit faire
il est pas censé réinventer la roue

Le 08 décembre 2021 à 04:38:04 :

Le 08 décembre 2021 à 04:35:32 :

Le 08 décembre 2021 à 04:32:38 :

Le 08 décembre 2021 à 04:30:49 :

Le 08 décembre 2021 à 04:20:21 :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<div id="footer">
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
<div>

dans le fichier css :

#footer
{
    padding: 10px;
    margin: 10px 0px;
    text-align: center;
    border-top: 1px solid #CCC;
}

Incroyable, ça a marché

Tu dis ne pas devoir c/c le site, mais ça c'est exactement un c/c du site.
Utilise au moins la balise footer à la place de div pour montrer à ton prof que tu as regardé un peu sur internet.

Je dois avoir le même rendu visuel mais sans c/c le code source en gros

Ton footer actuel est un c/c exact du code du site. C'est pour ça que je te dis d'utiliser la balise footer et non div, pour montrer à ton prof que tu as fait quelques recherches.
Mais pour ta défense, le site est tellement simple et basique que je ne vois pas comment tu n'auras pas le même code à la fin.

Ah, je vois. Quelle est la différence entre une div utilisée en tant que footer et un footer original ?

Dans le fond aucune, mais c'est faisable et ca rend le fichier plus simple à lire je trouve.

Le 08 décembre 2021 à 04:38:44 :
j'ai tjrs fait avec des div

mais en gros le code est remplaçable par :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<footer>
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
</footer>

dans le fichier css :

footer
{
    padding: 10px;
    margin: 10px 0px;
    text-align: center;
    border-top: 1px solid #CCC;
}

et c'est normal d'avoir des c/c à droite à gauche, c'est littéralement une copie d'un site qu'il doit faire
il est pas censé réinventer la roue

Mais ça lui permettra de montrer à son professeur qu'il a fait quelques recherches sur le sujet et qu'il sait que d'autres balises existent, et pas uniquement un c/c du site.

Le 08 décembre 2021 à 04:38:44 :
j'ai tjrs fait avec des div

mais en gros le code est remplaçable par :

Le 08 décembre 2021 à 04:13:59 :
déjà pour le footer tu mets :

dans le body :

<footer>
Copyright © 2021 by SEA-DISTANCES.ORG </br>
All Rights Reserved.
</footer>

dans le fichier css :

footer
{
    padding: 10px;
    margin: 10px 0px;
    text-align: center;
    border-top: 1px solid #CCC;
}

et c'est normal d'avoir des c/c à droite à gauche, c'est littéralement une copie d'un site qu'il doit faire
il est pas censé réinventer la roue

Après il peut simplifier le css, on va pas tout lui faire.

Le 08 décembre 2021 à 04:42:55 :
Khey oublie pas le responsive, quand la page est en format mobile le menu est dynamique

Pour le moment, il sait même pas centrer un texte.

Le 08 décembre 2021 à 04:42:55 :
Khey oublie pas le responsive, quand la page est en format mobile le menu est dynamique

Ahiiiii, je pense pas que le prof en attende autant. Je préfère partir du principe en tout cas

Le 08 décembre 2021 à 04:43:20 :
par contre j'arrive pas à reproduire la couleur exacte de la banniere ils ont mis un dégradé de mort

C'est normal khey c'est une image background dupliqué tout le long de la navbar

Le 08 décembre 2021 à 04:43:20 :
par contre j'arrive pas à reproduire la couleur exacte de la banniere ils ont mis un dégradé de mort

C'est pas une couleur, c'est une image: https://sea-distances.org/images/bg.gif

Ils ont utilisé repeat pour qu'elle forme une barre:

background: white url(/images/bg.gif) repeat-x left top;
background-color: rgb(15, 165, 204);