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
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
A voir également:
- Problème avec les positions
- Positions google - Guide
- Historique des positions google - Guide
- Comment trouver une position avec latitude et longitude - Guide
- Comment suivre les positions du site - Guide
- Comment savoir la position de quelqu'un avec whatsapp - Guide
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
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
Et sinon tente de remplacer ton top: 52px par un padding-top: 52px;
De meme pour le right en padding-right
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
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
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
Utilisateur anonyme
25 mars 2014 à 20:47
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
Maintenant, un autre problème survient : une scrollbar horizontal apparait
mes nouveaux codes sont :
CSS : https://pastebin.com/TK2a5268
HTML : https://pastebin.com/dbsbaCPh
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
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
un conseil utilise firefox avec les extensins firebug et webdeveloper pour développer un site ca aide