Bonjour a tous,
je viens de commencer le dev pour intégrer une formation en septembre, je dois réaliser une page d’accueil pour les inscriptions a cette formation. Avant de poser ma question, je vous demande pas de me mâcher le boulot. Je voudrais que l'on m'aide simplement a m'orienter sur les bonnes lignes de codes que je puissent configurer par moi même la page du site.
Ma question est donc:
Je dois mettre en page horizontalement 3 grandes idées suivis d'un petit texte explicatif, mais impossible de faire ce que je voudrai, par quelle commande puis je réaliser ce type de mise en page?
J'ai présenter mes 3 idées de la sorte:
J'ai eu l'idée de créer un block principal pour y intégrer mes 3 autres blocks de cette manière avec le css:
J'ai essayer pas mal de choses mais qui me demandais de supprimer des lignes du htlm de base ce que je ne dois pas faire normalement. Pouvez m'aiguillez sur la direction a prendre pour ce genre de chose s'il vous plait je bûche un peu malgré les cours sur le web.
je viens de commencer le dev pour intégrer une formation en septembre, je dois réaliser une page d’accueil pour les inscriptions a cette formation. Avant de poser ma question, je vous demande pas de me mâcher le boulot. Je voudrais que l'on m'aide simplement a m'orienter sur les bonnes lignes de codes que je puissent configurer par moi même la page du site.
Ma question est donc:
Je dois mettre en page horizontalement 3 grandes idées suivis d'un petit texte explicatif, mais impossible de faire ce que je voudrai, par quelle commande puis je réaliser ce type de mise en page?
J'ai présenter mes 3 idées de la sorte:
<section id="perfo">
<h2>Performances</h2>
<!-- TODO: En utilisant du css place ces trois performances ("lough", "dream, "marvel at") sur la même ligne en enlevant le point généré par la balise "li". Attention, utilise bien le css pour aligner les éléments, tu ne dois pas enlever les balises "li"-->
<ul>
<!-- performance 1 -->
<li>
<div class="Laugh">
<h3>Laugh</h3>
<p>As an adult, come and discover our irresistible clowns, between practical jokes and pranks let yourself be carried away by their joy and fall back into childhood.</p>
</li>
</div>
<!-- performance 2 -->
<li>
<div class="Dream">
<h3>Dream</h3>
<p>Let yourself be carried away in a world where the real and the imaginary are one, in the company of our talented magicians, discover a wonderful world limited only by your imagination.</p>
</li>
</div>
<!-- performance 3 -->
<li>
<div class="Marvel">
<h3>Marvel at</h3>
<p>Tame the untameable in the company of our tamers, between roar and razor-sharp claws, watch these fierce felines turn into sweet kittens.</p>
</li>
</div>
</ul>
</section>
<hr/>
J'ai eu l'idée de créer un block principal pour y intégrer mes 3 autres blocks de cette manière avec le css:
.perfo{
display: block;
width: 100%;
}
.Laugh {
display: block;
width: 30%;
float: left;
}
.Dream{
display: block;
width: 30%;
text-align: center;
}
.Marvel{
display: block;
width: 30%;
float: right;
}
J'ai essayer pas mal de choses mais qui me demandais de supprimer des lignes du htlm de base ce que je ne dois pas faire normalement. Pouvez m'aiguillez sur la direction a prendre pour ce genre de chose s'il vous plait je bûche un peu malgré les cours sur le web.
