Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
2174 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS]Problème Mise en page

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS]Problème Mise en page

n°2363059
Ran Mouri
Posté le 24-09-2020 à 19:35:46  profilanswer
 

:hello: les gens
 
J'ai besoin d'aide, je suis un peu perdue... J'ai commencé une formation de développeur Web à l'AFPA, depuis 2 semaines, et on a attaqué les CSS
Pour faire simple, j'ai le HTML suivant, et je dois créer le CSS derrière qui va bien, pour:
- mettre les 2 articles côte à côtes;
- la partie aside à droite de la section avec l'id recipe
- le footer, à sa place, en bas
 
J'ai fait le CSS dessous; le aside est bien à droite, mais les 2 articles ne sont pas côte à côte, et le footer se balade à droite, sous le aside
 
Si vous auriez des pistes pour m'aider, ce serait gentil :jap:
 

<main class="container">
        <section id="presentation">
            [....]
        </section>
        <section id="recipe">
            <h2><span>Les Must Have</span><br />La Selection Ultime</h2>
            <article>
                   [...]
            </article>
            <article>
                   [...]
            </article>
        </section>
        <aside> <img id="vignette" src="img/rolex_daytona.png" alt="Rolex Daytona Watch" />
            [...]
        </aside>
    </main>
    <footer>
        <p>2020 - Sacha & Rolex</p>
    </footer>


 


#recipe {
   
    background-color: grey;
    color: white;
    float: left;
    width: 73%;
}
 
aside {
    position: flex;
    width: 25%;
    background-color: #685959;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 15px;
    float: right;
}

mood
Publicité
Posté le 24-09-2020 à 19:35:46  profilanswer
 

n°2363080
mechkurt
Posté le 25-09-2020 à 09:26:24  profilanswer
 

On ne fait pas les exercices à la place des gens car ce ne serait pas trop pédagogique ! ^^
Reprend ton court ou lit le très bon tutoriel d'Alsacréation (  
https://www.alsacreations.com/tuto/ [...] odule.html ) et revient avec un travail un peu plus aboutis...
 
Idéalement dans un https://jsfiddle.net/ahxmez7j/ ou un codepen.io car la correction sera plus facile pour nous.


---------------
D3
n°2363085
Ran Mouri
Posté le 25-09-2020 à 09:51:43  profilanswer
 

J'ai trouvé ce matin :jap:
A tête reposée, c'est souvent plus simple :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS]Problème Mise en page

 

Sujets relatifs
Lancer galerie lightbox sans images dans la pageProblème reception mail depuis un formulaire (OVH)
VNC sur une page web[PHP] Problème nouveau avec exif_read_data
[CSS] problème de mise en pageProbleme Mise en page HTML et CSS
[CSS] problème de mise en page à l'impressionProblème de mise en page avec CSS
mise en page css-->probleme son flash[CSS] Probleme de mise en page
Plus de sujets relatifs à : [CSS]Problème Mise en page


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR