Une PA à 5 colonnes
2 participants
Se connecter pour répondre
Cappuccino- Informations : J'ai soif.
Messages : 135 
Une PA à 5 colonnes
Mar 21 Nov 2023 - 3:35
Coucou !
J'ai voulu tenter l'exercice avec les display parce que pour moi ça manque de certains trucs pour que ça soit un tableau, mais je ne parviens pas à faire grand chose ni à comprendre précisément où j'ai raté donc je veux bien un conseil ou indice
J'ai voulu tenter l'exercice avec les display parce que pour moi ça manque de certains trucs pour que ça soit un tableau, mais je ne parviens pas à faire grand chose ni à comprendre précisément où j'ai raté donc je veux bien un conseil ou indice
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Une PA à 5 colonnes (Tentative display)</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" rel="stylesheet">
<style type="text/css">
#pa_bloc_generalite{
max-width: 1280 px;
height: 250px;
background-color: #a6abaf;
border: 2px solid #111e62;
color: #444;
padding: 10px;
font-family: Montserrat;
font-size: 13px;
}
div#pa_bloc_generalite a{
color: #3d6e8a;
}
div#pa_bloc_generalite a:hover{
color: #111e62;
}
div#pa_bloc_liens_rapides a{
background-color: #3d6e8a;
color: #a6abaf;
font-weight: bold;
display: block;
}
div#pa_bloc_liens_rapides a:hover{
background-color: #a6abaf;
color: #3d6e8a;
}
div#pa_bloc_generalite div{
background-color: #d0dee4;
display: inline-block;
padding: 10px;
border: 2px solid #111e62;
height: 230px;
}
div#pa_bloc_generalite h1{
font-size: 18px;
color: #111e62;
}
#pa_bloc-presentation{
width: auto;
}
#pa_bloc_liens_rapides{
width: 150px;
}
#pa_bloc_nouveautes{
width: 200px;
}
#pa_bloc_derniers_livres{
width: 180px;
}
#pa_bloc_themes_mois{
width: 180px;
}
</style>
</head>
<body>
<div id="pa_bloc_generalite">
<div id="pa_bloc-presentation">
Bonjour et bienvenue sur <em>Entre2Livres</em> !<br /><br />
Le but de ce forum est de pouvoir <strong>partager nos lectures</strong>, mais aussi <strong>remotiver </strong>les gens qui ont oublié le plaisir que c'était que de se plonger dans un bouquin.<br />
Que tu sois un adepte du format papier, un accroc de la liseuse, un lecteur passionné qui les dévore à vitesse grand V ou quelqu'un qui prend son temps, tu es le bienvenu par ici
</div>
<div id="pa_bloc_liens_rapides">
<a href="https://entre2livres.forumactif.com/t7-cohabiter-sur-entre2livres">Règlement</a><!--
--><a href="https://entre2livres.forumactif.com/t46-rejoindre-l-equipe#224">Recrutement</a><!--
--><a href="https://entre2livres.forumactif.com/f4-questions-remarques-et-suggestions">Un peu perdu(e) ?</a><!--
--><a href="https://entre2livres.forumactif.com/t8-les-livres-presentes">Index des fiches</a><!--
--><a href="#https://entre2livres.forumactif.com/t21-le-bonjour-du-jour">Bonjour du jour</a><!--
--><a href="https://entre2livres.forumactif.com/g2-staff">Contacter le staff</a>
</div>
<div id="pa_bloc_nouveautes">
<h1>Nouveautés</h1>
• <strong>25/11/2020</strong> - <strong>Titia</strong> vient d'ouvrir son <a href="https://entre2livres.forumactif.com/t233-journal-de-lecture-de-titia#2659"><strong>journal de lecture</strong></a><br />
• <strong>12/11/2020</strong> - <a href="https://entre2livres.forumactif.com/t191p25-le-tour-d-ecrou#2428"><strong>Ashana</strong></a> et <a href="https://entre2livres.forumactif.com/t191p25-le-tour-d-ecrou#2462"><strong>Miettes</strong></a> ont donné leur avis sur la <a href="https://entre2livres.forumactif.com/t191-le-tour-d-ecrou">lecture commune</a>.<br />
• <strong>10/11/2020</strong> - Les Mots-clés font officiellement leur arrivée (<a href="https://entre2livres.forumactif.com/t222-referencer-un-livre-par-mot-cle#2423"><strong>clic</strong></a>)
</div>
<div id="pa_bloc_derniers_livres">
<h1>Derniers livres</h1>
• <a href="https://entre2livres.forumactif.com/t232-ne-la-reveillez-pas#2645">Ne la réveillez pas</a><br />
• <a href="https://entre2livres.forumactif.com/t231-valisar-la-colere-t-3#2621">Valisar - La Colère (T.3)</a><br />
• <a href="https://entre2livres.forumactif.com/t230-riverdale-t1">Riverdale (T.1)</a><br />
• <a href="https://entre2livres.forumactif.com/t228-des-maux-avec-des-mots#2566">Des Maux avec des Mots</a><br />
• <a href="https://entre2livres.forumactif.com/t227-la-nouvelle-meute-ryvenn-t-4#2561">Ryvenn (T.4)</a>
</div>
<div id="pa_bloc_themes_mois">
<h1>Thèmes du mois</h1>
<table summary="Les thèmes du mois"><tbody><tr><td class="row2" style="width:20px" align="center">1</td><td class="row2" style="word-break: break-all;"><a href="/tags/magie" title="Voir tous les sujets tagués avec : #magie">#magie</a></td></tr><tr><td class="row1" style="width:20px" align="center">2</td><td class="row1" style="word-break: break-all;"><a href="/tags/saga" title="Voir tous les sujets tagués avec : #saga">#saga</a></td></tr><tr><td class="row2" style="width:20px" align="center">3</td><td class="row2" style="word-break: break-all;"><a href="/tags/fantastique" title="Voir tous les sujets tagués avec : #fantastique">#fantastique</a></td></tr><tr><td class="row1" style="width:20px" align="center">4</td><td class="row1" style="word-break: break-all;"><a href="/tags/monderéel" title="Voir tous les sujets tagués avec : #monderéel">#monderéel</a></td></tr><tr><td class="row2" style="width:20px" align="center">5</td><td class="row2" style="word-break: break-all;"><a href="/tags/guerre" title="Voir tous les sujets tagués avec : #guerre">#guerre</a></td></tr><tr><td class="row1" style="width:20px" align="center">6</td><td class="row1" style="word-break: break-all;"><a href="/tags/fantasy" title="Voir tous les sujets tagués avec : #fantasy">#fantasy</a></td></tr><tr><td class="row2" style="width:20px" align="center">7</td><td class="row2" style="word-break: break-all;"><a href="/tags/jeunesse" title="Voir tous les sujets tagués avec : #jeunesse">#jeunesse</a></td></tr></tbody></table>
</div>
</div>
</body>
</html>
MävenRâleuse (Admin)- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: Une PA à 5 colonnes
Mar 21 Nov 2023 - 21:52
Bonsoir !
Alors, je remets le lien de l'exercice : https://tambouille-raleuses.forumactif.com/t1228-tous-niveaux-une-pa-a-5-colonnes
J'attends ta réponse avant de développer pour ne pas le faire "pour rien" si je n'ai pas compris ta remarque
J'ai regardé ton code. Je vais te poser des questions pour que tu puisses faire ton code comme toi tu le souhaites et pas comme moi je le ferai
Nous sommes sur un exercice sur le display. ici je vois un seul display en inline-block. Saurais-tu me dire pourquoi ce choix ?
Autre question : quel est le display par défaut d'une div ?
Alors, je remets le lien de l'exercice : https://tambouille-raleuses.forumactif.com/t1228-tous-niveaux-une-pa-a-5-colonnes
Tu veux dire que pour toi ça devrait être fait en table ?parce que pour moi ça manque de certains trucs pour que ça soit un tableau,
J'attends ta réponse avant de développer pour ne pas le faire "pour rien" si je n'ai pas compris ta remarque
J'ai regardé ton code. Je vais te poser des questions pour que tu puisses faire ton code comme toi tu le souhaites et pas comme moi je le ferai
Nous sommes sur un exercice sur le display. ici je vois un seul display en inline-block. Saurais-tu me dire pourquoi ce choix ?
Autre question : quel est le display par défaut d'une div ?
- Cappuccino
- Informations : J'ai soif.
Messages : 135
Re: Une PA à 5 colonnes
Mar 21 Nov 2023 - 22:01
Ah oui, oops désolée pour l'oublie de lien
A voir tes questions, je crois que j'ai fais un bon gros foirage xD
Non, au contraire. Pour moi ça doit justement être fait en div et compagnie parce qu'il n'y a pas de titre ou autre élément faisant "tableau".Tu veux dire que pour toi ça devrait être fait en table ?
A voir tes questions, je crois que j'ai fais un bon gros foirage xD
Parce qu'il est magique, que ça mettait en ligne tout bien et parce que je veux que mes div s'alignent l'une à côté de l'autre comme un élément inline. J'aurai dû mettre juste inline ?Nous sommes sur un exercice sur le display. ici je vois un seul display en inline-block. Saurais-tu me dire pourquoi ce choix ?
- Code:
Autre question : quel est le display par défaut d'une div ?
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: Une PA à 5 colonnes
Mar 21 Nov 2023 - 22:36
un inline si tu le souhaite, ou alors un flex, ou un display:table, ou une grid. A toi de choisir 
Je te laisse relire en détail ce tutoriel et choisir celui qui te semble le plus adapté pour toi.
Si tu le souhaites, tu peux essayer toutes les méthodes
Je te laisse relire en détail ce tutoriel et choisir celui qui te semble le plus adapté pour toi.
Si tu le souhaites, tu peux essayer toutes les méthodes
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|