Messages de akou02
Le 08 décembre 2021 à 05:17:12 :
Tiens khey, jte l'ai fait ça m'a pris 10 minFICHIER HTML:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
<title>SEA-DISTANCES.ORG</title>
</head>
<body>
<header>
<h1><a href="/">SEA-DISTANCES.ORG</a></h1>
<nav>
<a href="/">Ports Distances</a>
<a href="/">Voyage Calculator</a>
<a href="/">Advertise</a>
<a href="/">Contact us</a>
</nav>
</header>
<main>
<div id="intro">
<img src="https://sea-distances.org/images/success.jpg" alt="statistics">
<div id="intro_text">
<h2>ADVERTISING - THE BEST WAY TO PROMOTE YOUR BUSINESS.</h2>
<p>
Internet banner advertising is an excellent and effective way to promote your products and services.<br>
Currently any type of business will require you to work actively towards the implementation of advertising and marketing activities. <br>
The principle of internet banner advertising is based on how to attract the attention of the web viewers. <br>
You just need to properly and competently to use this popular business tool and expect a high return in the shortest possible time. <br>
Millions of consumers surfing the Internet daily. Many of these web visitors could be converted into new users or buyers of your product or service. <br>
That is why most marketers recommend using banner advertising, which can be called one of the most powerful dynamic internet marketing strategies.
</p>
</div>
</div>
<div id="advices">
<h3>DO YOU WANT TO ADVERTISE ON SEA-DISTANCES.ORG ?</h3>
<a href="https://sea-distances.org/contact">PLEASE CONTACT US FOR MORE INFORMATION >>></a>
</div>
</main>
<footer>
<hr>
Copyright © 2021 by SEA-DISTANCES.ORG<br>
All Rights Reserved.
</footer>
</body>
</html>
FICHIER CSS:
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}
header {
width: 1200px;
margin: auto;
background: white url(https://sea-distances.org/images/bg.gif) repeat-x left top;
height: 40px;
display: flex;
align-items: center;
padding: 0px 15px;
box-sizing: border-box;
border-radius: 5px;
margin-bottom: 50px;
}
h1 {
font-size: 20px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-right: 30px;
}
nav {
display: flex;
}
nav > a {
color: white;
text-decoration: none;
font-size: 13px;
font-weight: bold;
margin-right: 20px;
}
h1 > a {
color: white;
text-decoration: none;
}
main {
width: 1200px;
margin: auto;
}
footer {
width: 1200px;
margin: auto;
}
#intro {
display: flex;
margin-bottom: 10px;
}
#intro > img {
width: 246px;
height: 173px;
}
h2 {
color: rgb(0, 102, 153);
font-size: 17px;
margin: 0px 0px 10px 0px;
}
p {
color: #333333;
font-size: medium;
line-height: 20px;
margin: 0px;
}
#advices {
margin-bottom: 60px;
}
#advices > * {
color: rgb(0, 102, 153);
font-size: 17px;
font-weight: bold;
text-decoration: none;
}
h3 {
margin: 0px;
}
footer {
text-align: center;
font-size: 12px;
}
hr {
margin-bottom: 10px;
}
J'ai fait en sorte que ça fasse un minimum débutant
T'as juste à copier coller le premier dans un fichier html, le second dans un fichier css, tu mets les deux dans un dossier et tu ouvres le fichier html
Bordel sérieux ? 
Merci beaucoup khey, je teste ça tout de suite 
Le 08 décembre 2021 à 04:51:46 :
Du coup c'est bon t'as réussi?
Je suis en train de tester, mais vos conseils m'ont pas mal débloqué
Le 08 décembre 2021 à 04:45:13 :
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 morthttps://image.noelshack.com/fichiers/2021/49/3/1638934935-image.png 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);
Oui j'ai aussi remarqué.
C'est technique, je n'arriverai pas à reproduire ça sans c/c alors je vais juste mettre une barre de couleurs 
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;
}
J'essaye tout de suite, merci beaucoup
Le 08 décembre 2021 à 04:05:46 :
Le 08 décembre 2021 à 04:02:54 :
Le 08 décembre 2021 à 04:01:19 :
bah regarde des tutos
c'est assez basique, sauf peut-etre pour le menuC'est ce que j'ai fait, je n'arrive pas à saisir comment centrer le texte et créer la barre supérieure ainsi que le copyright en bas
Pour centre le text tu vas devoir faire un text-align : center si je me souviens bien
Oui j'ai essayé, mais ça rend pas comme dans le site 
Le 08 décembre 2021 à 04:09:10 :
L'op qui n'a rien foutu et qui veut que le forum lui fasse ses devoirs juste avant de devoir rendre son travailJe te le fais pour 20 balles
J'ai fauté. . .
Le 08 décembre 2021 à 04:04:20 :
Le 08 décembre 2021 à 03:55:38 :
Bonjour mes clés. Désolé, pas de Zemmour ni de culJe me suis arrêté à la
https://image.noelshack.com/fichiers/2017/30/4/1501185683-jesusjournalbestreup.png
Merci pour le up 