Problème avec les positions
Résolu
Bonjour,
je suis en train de créer un site internet, et après avoir coder la navbar, j'ai un problème avec les section : mon texte ne s'affiche pas bien même après un top: 52px; et un right: 102px; (en faites, le top et le right ne marche pas)
mon style.css : https://pastebin.com/FgAQHxyA
mon index.html : https://pastebin.com/SXFrgXrx
resultat visible ici => http://julienp.url.ph/
merci d'avance, julien
je suis en train de créer un site internet, et après avoir coder la navbar, j'ai un problème avec les section : mon texte ne s'affiche pas bien même après un top: 52px; et un right: 102px; (en faites, le top et le right ne marche pas)
mon style.css : https://pastebin.com/FgAQHxyA
mon index.html : https://pastebin.com/SXFrgXrx
resultat visible ici => http://julienp.url.ph/
merci d'avance, julien
4 réponses
-
Tu devrais sûrement essayer de crée une autre div a l'intérieur pour le positionner [ plus propre ]
Et sinon tente de remplacer ton top: 52px par un padding-top: 52px;
De meme pour le right en padding-right -
pour positionner un div margin est plus approprié que padding, qui sert a faire une marge a l'intérieur d'un div. En fait tu prend un très mauvais départ dans ta mise en page globale de ton site
en faite idéalement pour une bonne mise en page, tu devrais faire
<div id="contener">
<header>
<div>le logo du site infos etc</div>
<nav>...ton menu...</nav>
</header>
<section id="centre">
<section id="gauche">je me positionne a gauche avec inline-block</section>
<section id="droite">je me positionne a droite avec inline-block</section>
</section>
<footer>je suis le footer</footer>
</div>
pour ton menu mets les liens dans une liste ul li et applique à la liste display:inline; et list-style-type:none;
retire la balise fermante </style> qui se balade toute seule
va voir ces sites
http://css.mammouthland.net/
https://www.alsacreations.com/tuto/liste/2-css.html -
Meri beaucoup, cela fonctionne.
Maintenant, un autre problème survient : une scrollbar horizontal apparait
mes nouveaux codes sont :
CSS : https://pastebin.com/TK2a5268
HTML : https://pastebin.com/dbsbaCPh -
mets en ligne à l'url que tu as donné c'est mieux
un conseil utilise firefox avec les extensins firebug et webdeveloper pour développer un site ca aide
