Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Déplacement de bloc en css
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="AskaL" data-source="post: 7243025" data-attributes="member: 492934"><p>Bonsoir, je débute dans la programmation web, et a cet instant même je voudrais déplacer mon titre principal, mon menu et mon séparateur, et le lol (en gros ce qu'il y a dans mon header). Mais je n'y arrive pas.. Merci de votre aide</p><p>Mon code css : </p><p>[CODE]/*Définition des polices*/</p><p></p><p>@font-face {</p><p> font-family: 'ambleregular';</p><p> src: url('police/Amble-Regular-webfont.eot');</p><p> src: url('police/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),</p><p> url('police/Amble-Regular-webfont.woff2') format('woff2'),</p><p> url('police/Amble-Regular-webfont.woff') format('woff'),</p><p> url('police/Amble-Regular-webfont.ttf') format('truetype'),</p><p> url('police/Amble-Regular-webfont.svg#ambleregular') format('svg');</p><p> font-weight: normal;</p><p> font-style: normal;</p><p></p><p>}</p><p></p><p>/*Eléments principaux de la page*/</p><p></p><p>body</p><p>{</p><p> background: url('image/fond2.png') no-repeat;</p><p> background-attachment: fixed;</p><p>}</p><p></p><p>#bloc_page</p><p>{</p><p> width: 900px;</p><p> margin: auto;</p><p> background: ;</p><p>}</p><p></p><p>/*Header*/</p><p></p><p>header</p><p>{</p><p> display: flex;</p><p> justify-content: space-between;</p><p> align-items: flex-end;</p><p> border: 3px solid black;</p><p>}</p><p></p><p>#titre_principal</p><p>{</p><p> display: flex;</p><p> font-family: 'ambleregular', impact;</p><p> font-size: 1.5em;</p><p> flex-direction: column;</p><p> color: white;</p><p>}</p><p></p><p>#logo</p><p>{</p><p> display: flex;</p><p> flex-direction: row;</p><p> align-items: baseline;</p><p>}</p><p></p><p>#logo img</p><p>{</p><p> width: 189px;</p><p> height: 190px;</p><p>}</p><p></p><p>/*Navigation*/</p><p>nav ul</p><p>{</p><p> list-style-type: none;</p><p> display: flex;</p><p>}</p><p></p><p>nav li</p><p>{</p><p> margin-right: 15px;</p><p>}</p><p></p><p>nav a</p><p>{</p><p> font-size: 1.3em;</p><p> color: black;</p><p> padding-bottom: 3px;</p><p> text-decoration: none;</p><p> color: gray;</p><p>}</p><p></p><p>nav a:hover</p><p>{</p><p> color:#760001;</p><p> border-bottom: 3px solid #760001;</p><p>}</p><p></p><p></p><p>/*Section*/</p><p>#titre_secondaire</p><p>{</p><p> text-align: center;</p><p> font-family: 'ambleregular', impact;</p><p></p><p>}[/CODE]</p><p></p><p>Mon code html : </p><p>[CODE]<DOCTYPE html></p><p><html></p><p> </p><p> <head></p><p> <meta charset="utf-8" /></p><p> <link rel="stylesheet" href="style.css" /></p><p> <title>Advent Official</title></p><p> </head></p><p></p><p> <body></p><p> <div></p><p> <div id="bloc_page"></p><p> <header></p><p> <div id="titre_principal"></p><p> <div id="logo"></p><p> <img src="image/MacsotteAdvent.png" alt="Logo de la AdvenTeam" /></p><p> <h1>Advent</h1></p><p> </div></p><p> </div></p><p> </p><p> <nav></p><p> <ul></p><p> <li><a href="#">Accueil</a></li></p><p> <li><a href="#">Joueurs</a></li></p><p> <li><a href="#">Placements</a></li></p><p> <li><a href="#">Date</a></li></p><p> </ul></p><p> </nav></p><p> </header></p><p></p><p></p><p> <section></p><p> <article></p><p> <div id="titre_secondaire"></p><p> <h2>Présentation de la Team Advent</h2> </div></p><p> <p>Advent est une équipe esport Français 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></p><p> </article></p><p> </section></p><p></p><p> <footer></p><p> <div id="copyrate"></p><p> <p>Copyrate by Advent</p></p><p> </div></p><p> </footer></p><p> </div></p><p> </div></p><p> </body></p><p></html>[/CODE]</p><p></p><p>Merci de votre aide</p></blockquote><p></p>
[QUOTE="AskaL, post: 7243025, member: 492934"] Bonsoir, je débute dans la programmation web, et a cet instant même je voudrais déplacer mon titre principal, mon menu et mon séparateur, et le lol (en gros ce qu'il y a dans mon header). Mais je n'y arrive pas.. Merci de votre aide 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; }[/CODE] Mon code html : [CODE]<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/MacsotteAdvent.png" alt="Logo de la AdvenTeam" /> <h1>Advent</h1> </div> </div> <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> </header> <section> <article> <div id="titre_secondaire"> <h2>Présentation de la Team Advent</h2> </div> <p>Advent est une équipe esport Français 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>[/CODE] Merci de votre aide [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Déplacement de bloc en css
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut