Problème avec les positions

Résolu/Fermé
Utilisateur anonyme - Modifié par Juuuliiieeen le 24/03/2014 à 22:23
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 26 mars 2014 à 23:17
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

4 réponses

Kaldoran Messages postés 137 Date d'inscription mercredi 31 octobre 2012 Statut Membre Dernière intervention 21 juin 2015 29
Modifié par Kaldoran le 25/03/2014 à 01:33
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
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 25/03/2014 à 11:41
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
0
Utilisateur anonyme
25 mars 2014 à 20:47
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
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
26 mars 2014 à 23:17
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
0