Messages de aquadauphin
Le 03 mai 2021 à 03:47:44 :
Le 03 mai 2021 à 03:46:20 :
Le 03 mai 2021 à 03:44:46 :
Le 03 mai 2021 à 03:44:24 :
Le 03 mai 2021 à 03:42:19 :
Le 03 mai 2021 à 03:40:21 :
Je dois avoir positionner pour demain 8h svp les frères aidez moi j'vous en serait ultra reconaissantgros honnetement tu fais 0 efforts ça donne 0 envie de t'aider
aide moi frère je te passe 10e et un compte hearthstone
tiens j'ai la flemme la
Tu peux au moins m'en faire un que j'ai l'idée en tête et faire la même après
Le 03 mai 2021 à 03:45:50 :
Le 03 mai 2021 à 03:45:00 :
Je t'ai mis le bout de code c'est littéralement 2 lignesou sinon tu utilises son lien, par contre vu ton niveau ça m'étonnerait que tu saches créer un grid from scratch seul, d'ou le lien que je t'ai envoyé , c un framework qui te fait ça automatiquement
Je viens à peine de commencer j'ai vraiment peu de niveau et je pense pas avoir droit de faire ca car mon mentor va remarquer
Le 03 mai 2021 à 03:44:46 :
Le 03 mai 2021 à 03:44:24 :
Le 03 mai 2021 à 03:42:19 :
Le 03 mai 2021 à 03:40:21 :
Je dois avoir positionner pour demain 8h svp les frères aidez moi j'vous en serait ultra reconaissantgros honnetement tu fais 0 efforts ça donne 0 envie de t'aider
aide moi frère je te passe 10e et un compte hearthstone
tiens j'ai la flemme la
Tu peux au moins m'en faire un que j'ai l'idée en tête et faire la même après
Le 03 mai 2021 à 03:42:19 :
Le 03 mai 2021 à 03:40:21 :
Je dois avoir positionner pour demain 8h svp les frères aidez moi j'vous en serait ultra reconaissantgros honnetement tu fais 0 efforts ça donne 0 envie de t'aider
aide moi frère je te passe 10e et un compte hearthstone
Le 03 mai 2021 à 03:42:19 :
Le 03 mai 2021 à 03:40:21 :
Je dois avoir positionner pour demain 8h svp les frères aidez moi j'vous en serait ultra reconaissantgros honnetement tu fais 0 efforts ça donne 0 envie de t'aider
Je sais mais je me suis trop branlé sur mon temps cette semaine et je suis ultra fatigué j'en ai grv besoin...
Le 03 mai 2021 à 03:39:04 :
Le 03 mai 2021 à 03:38:06 :
https://image.noelshack.com/fichiers/2021/18/1/1620005769-capture-d-ecran-2021-05-02-164722.png Ca c'est mon début de codeMaintenant je dois positionner simplement sans aller dans la complexité avec display et position pour que ça ressemble de loin à ca
https://image.noelshack.com/fichiers/2021/18/1/1620005863-desktop-1.jpg il est ou ton code fils de pute ?
enculé je l'ai mis
mon code: <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Titre de la page</title>
<link rel="stylesheet" href="normalizer.css" />
<link rel="stylesheet" href="style.css" />
<script
src="https://kit.fontawesome.com/95acf4de14.js"
crossorigin="anonymous"
></script>
</head>
<body>
<!--Header-->
<header id="header">
<div id="logo">
<a href="index.html"
><img
src="mailto:images/logo/Reservia@3x.png"
class="logo-reservia"
alt="logo de reservia"
/></a>
</div>
<nav id="navigation">
<a href="#hosting">Hébergements</a>
<a href="#activity">Activités</a>
<a href="sign-in">
<a href="#">S'inscrire</a>
</a>
</nav>
</header>
<!--Recherche-->
<form style="background-color: bisque">
<h1>Trouvez votre hébergement pour des vacances de rêve</h1>
<p>En plein centre ville ou en pleine nature</p>
<div class="icone-map">
<i class="fas fa-map-marker-alt"></i>
</div>
<input type="search" placeholder="Marseille,France" />
<button>
<div class="couleur-recherche">Rechercher</div>
</button>
<h2>Filtres</h2>
<button style="background-color: darkmagenta">
<i class="fas fa-money-bill-wave"></i>
Économique
</button>
<!-- button a mettre en place -->
<button style="background-color: crimson">
<i class="fas fa-child"></i>
Familial
</button>
<button style="background-color: chartreuse">
<i class="fas fa-heart"></i>
Romantique
</button>
<button style="background-color: cornflowerblue">
<i class="fas fa-dog"></i>
Animaux autorisés
</button>
<div style="background-color: darkslateblue">
<i class="fas fa-info"></i>
<p>Plus de 500 logements sont disponibles dans cette ville</p>
</div>
</form>
<!--Hébergements-->
<section id="logements" style="background-color: indianred">
<article>
<header>
<h2>Hébergements à Marseille</h2>
</header>
<a href="#">
<figure>
<img
src="images/hebergements/4_small/marcus-loke-WQJvWU_HZFo-unsplash.jpg"
/>
<figcaption>
<h3>Aubèrge la Cannebière</h3>
<p>Nuit à partir de <span>25€</span></p>
<div>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star grey"></i>
</div>
</figcaption>
</figure>
</a>
<div style="background-color: mediumslateblue">
<a href="#">
<figure>
<img
src="images/hebergements/4_small/fred-kleber-gTbaxaVLvsg-unsplash.jpg"
/>
<figcaption>
<h2>Hôtel du port</h2>
<p>Nuit à partir de <span>52€</span></p>
</figcaption>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
</figure>
</a>
</div>
<div style="background-color: goldenrod">
<a href="#">
<figure>
<img
src="images/hebergements/4_small/reisetopia-B8WIgxA_PFU-unsplash.jpg"
/>
<figcaption>
<h3>Hotel Les mouettes</h3>
<p>Nuit à partir de <span>73€</span></p>
</figcaption>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star grey"></i>
</figure>
</a>
</div>
<div style="background-color: darkturquoise">
<a href="#">
<figure>
<img
src="images/hebergements/4_small/annie-spratt-Eg1qcIitAuA-unsplash.jpg"
/>
<figcaption>
<h3>Hôtel de la mer</h3>
<p>Nuit à partir de <span>46€</span></p>
</figcaption>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star grey"></i>
<i class="fas fa-star blue"></i>
</figure>
</a>
</div>
<div style="background-color: forestgreen">
<a href="#">
<figure>
<img
src="images/hebergements/4_small/nicate-lee-kT-ZyaiwBe0-unsplash.jpg"
/>
<figcaption>
<h3>Aubèrge le panier</h3>
<p>Nuit à partir de <span>23€</span></p>
</figcaption>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star grey"></i>
</figure>
</a>
</div>
<div style="background-color: gray">
<a href="#">
<figure>
<img
src="Images/hebergements/4_small/febrian-zakaria-M6S1WvfW68A-unsplash.jpg"
/>
<figcaption>
<h3>Hôtel chez Amina</h3>
<p>Nuit à partir de <span>96€</span></p>
</figcaption>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
</figure>
</a>
</div>
<a href="">Afficher plus</a>
</article>
</section>
<!--LES PLUS POPULAIRES-->
<section style="background-color: lightsalmon">
<header style="background-color: lightskyblue">
<div class="titre-populaire">
<h2>Les plus populaires</h2>
<i class="fas fa-chart-line"></i>
</div>
</header>
<div style="background-color: olivedrab">
<a href="">
<figure>
><img
src="images/hebergements/4_small/emile-guillemot-Bj_rcSC5XfE-unsplash.jpg"
/>
<figcaption>
<h3>Le soleil du matin</h3>
<p>Nuit à partir de <span>128€</span></p>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
</figcaption>
</figure>
</a>
</div>
<div style="background-color: orange">
<a href="">
<figure>
><img
src="images/hebergements/4_small/aw-creative-VGs8z60yT2c-unsplash.jpg"
/>
<figcaption>
<h3>Au coeur de l'eau Chambre d'Hôtes</h3>
<p>Nuit à partir de <span>71€</span></p>
</figcaption>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star grey"></i>
</figure>
</a>
</div>
<div>
<a href="">
<figure>
><img
src="images/hebergements/4_small/febrian-zakaria-M6S1WvfW68A-unsplash.jpg"
/>
<figcaption>
<h3>Hôtel tout bleu et blanc</h3>
<p>Nuit à partir de <span>68€</span></p>
</figcaption>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star blue"></i>
<i class="fas fa-star grey"></i>
</figure>
</a>
</div>
</section>
<!--ACTIVITES-->
<aside id="loisirs" style="background-color: plum">
<header>
<h1>Activités à Marseille</h1>
</header>
<div style="background-color: lightblue">
<a href="#">
<figure>
<img
src="images/activites/4_small/reno-laithienne-QUgJhdY5Fyk-unsplash.jpg"
/>
</figure>
<h3>Vieux port</h3>
</a>
</div>
<div style="background-color: indigo">
<a href="#">
<figure>
<img
src="images/activites/4_small/paul-hermann-QFTrLdQIRhI-unsplash.jpg"
/>
</figure>
<h3>Fort de Pomègues</h3>
</a>
</div>
<div style="background-color: tomato">
<a href="#">
<figure>
<img
src="images/activites/4_small/kevin-hikari-rV_Qd1l-VXg-unsplash.jpg"
/>
</figure>
<h3>Iles du Frioul</h3>
</a>
</div>
<div style="background-color: springgreen">
<a href="#">
<figure>
<img
src="images/activites/4_small/kilyan-sockalingum-NR8-cBCN3aI-unsplash.jpg"
/>
</figure>
<h3>Parc national des Calanques</h3>
</a>
</div>
<div style="background-color: slateblue">
<a href="#">
<figure>
<img
src="images/activites/4_small/florian-wehde-xW9e8gdotxI-unsplash.jpg"
/>
</figure>
<h3>Notre-dame-de-la-Garde</h3>
</a>
</div>
<div style="background-color: royalblue">
<a href="#">
<figure>
<img
src="Images/activites/4_small/lena-paulin-wH2-EJoDcV0-unsplash.jpg"
/>
</figure>
<h3>Parc Longchamp</h3>
</a>
</div>
</aside>
<!--FOOTER-->
<footer style="background-color: lightslategray">
<h3>A propos</h3>
<nav>
<a href="#">Fonctionnement du site</a>
<a href="#">Conditions générales de vente</a>
<a href="#">Données et confidentialités</a>
</nav>
<h3>Nos hébergements</h3>
<nav>
<a href="#">Charte de qualité</a>
<a href="#">Soumettre votre hôtel</a>
</nav>
<h3>Nous contacter</h3>
<nav>
<a href="">Centre d'aide</a>
<a href="#">Nous contacter</a>
</nav>
</footer>
</body>
</html>
Maintenant je dois positionner simplement sans aller dans la complexité avec display et position pour que ça ressemble de loin à ca
c'est une histoire de positionnement de block
Le 03 mai 2021 à 03:29:19 :
Met ton exo ici non ?
Je l'envoie direct à celui qui est deter
Le 02 mai 2021 à 18:18:44 :
Flexbox
Oui c'est ce qu'un gars m'a dit avant
Le 02 mai 2021 à 18:18:01 :
Bah ce que tu cherches c'est du css grid
Je commence à peine j'ai pas toutes les notions, je vais regarder ça