Résolu Bonsoir, j'ai besoin d'aide niveau affichage css

AskaL · 2 Décembre 2017

Bonsoir, j'ai vraiment besoin d'aide je suis sur mon code depuis hier soi rje n'y arrive pas, je ne comprend rien, je veut déplacer des texte rien ne marche s'il vous plait aidez moi vraiment.

Je voudrais mettre mon menu tout en haut. Voici mon code css:

Code:

/*Définition des polices*/

@font-face {
    font-family: 'ambleregular';
    src: url('police/Amble-Regular-webfont.eot');
    src: url('police/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('police/Amble-Regular-webfont.woff2') format('woff2'),
         url('police/Amble-Regular-webfont.woff') format('woff'),
         url('police/Amble-Regular-webfont.ttf') format('truetype'),
         url('police/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Eléments principaux de la page*/

body
{
    background: url('image/fond2.png') no-repeat;
    background-attachment: fixed;
}

#bloc_page
{
    width: 900px;
    margin: auto;
    background: ;
}

/*Header*/

header
{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border: 3px solid black;
}

#titre_principal
{
    display: flex;
    font-family: 'ambleregular', impact;
    font-size: 1.5em;
    flex-direction: column;
    color: white;
}

#logo
{
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

#logo img
{
    width: 189px;
    height: 190px;
}

/*Navigation*/
nav ul
{
    list-style-type: none;
    display: flex;
}

nav li
{
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color: black;
    padding-bottom: 3px;
    text-decoration: none;
    color: gray;
}

nav a:hover
{
    color:#760001;
    border-bottom: 3px solid #760001;
}


/*Section*/
#titre_secondaire
{
    text-align: center;
    font-family: 'ambleregular', impact;

}

Merci

AskaL · 2 Décembre 2017

@Lagger

Lagger · 3 Décembre 2017

Met la partie du code html concerné s'il te plaît

AskaL · 3 Décembre 2017

Voici mon code html :

HTML:

<DOCTYPE html>
<html>
      
      <head>
           <meta charset="utf-8" />
           <link rel="stylesheet" href="style.css" />
           <title>Advent Official</title>
      </head>

      <body>
          <div>
              <div id="bloc_page">
                  <header>
                      <div id="titre_principal">
                          <div id="logo">
                              <img src="image/LogoAdvent.png" alt="Logo de la AdvenTeam" />
                              <h1>Advent</h1>
                          </div>
                      </div>

                          <div id="menu">
                              <nav>
                                   <ul>
                                      <li><a href="#">Accueil</a></li>
                                      <li><a href="#">Joueurs</a></li>
                                      <li><a href="#">Placements</a></li>
                                      <li><a href="#">Date</a></li>
                                  </ul>
                             </nav>
                         </div>
                  </header>


                  <section>
                      <article>
                          <div id="titre_secondaire">
                              <h2>Présentation de la Team Advent</h2> </div>
                              <p>Advent est une équipe esport présente sur le jeu League of Legends. Fondée en 2017, elle est exclusivement française. Actuellement, Askal est l'adc et fondateur,  est support, BurdHeros est au mid, Unhin toplaner, et Torpak joue jungler. Avec originellement un niveau silver, les ambitions de l'équipe sont grandes, et prévois de participer à de nombreux tournois, et faire croitre sa renommée. Il ne fut pas évident de trouver les bons membres fidèle au projet Advent, mais cela n'empèche pas l'équipe d'etre efficace quand il le faut.</p>
                    </article>
                </section>

                    <footer>
                        <div id="copyrate">
                            <p>Copyrate by Advent</p>
                        </div>
                    </footer>
                </div>
            </div>
        </body>
</html>

Résolu Bonsoir, j'ai besoin d'aide niveau affichage css

AskaL

AskaL

Lagger

Responsable des lags

AskaL