Problème avec les positions
Résolu
Utilisateur anonyme
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Problème avec les positions
- Positions google - Guide
- Historique des positions google - Guide
- Comment trouver la position d'une personne avec google map - Guide
- Positions gps - Guide
- Google positions - Guide
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
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
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
Maintenant, un autre problème survient : une scrollbar horizontal apparait
mes nouveaux codes sont :
CSS : https://pastebin.com/TK2a5268
HTML : https://pastebin.com/dbsbaCPh