Centrage html/css encore...
Fermé
seagull
-
15 janv. 2008 à 16:50
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 15 janv. 2008 à 22:04
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 15 janv. 2008 à 22:04
A voir également:
- Centrage html/css encore...
- Editeur html - Télécharger - HTML
- Html download - Télécharger - HTML
- Image cliquable html ✓ - Forum Réseaux sociaux
- Br html ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
4 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
15 janv. 2008 à 17:16
15 janv. 2008 à 17:16
salut,
tu devrais séparer CSS et HTML.
pour centrer le site en entier il suffit de centrer <body>.
tu devrais séparer CSS et HTML.
pour centrer le site en entier il suffit de centrer <body>.
body
{
width:1024px;
margin:0 auto;
}
Merci pour ta réponse rapide mais comment separer html et css, dans la même feuille?
la ligne "body{width:1024px;margin:0 auto;}" permettra-elle un centrage dans toutes les résolutions?
pour ne pas me planter peux tu appliquer tes conseils au code de mon premier message et le rediffuser?
merci encore
la ligne "body{width:1024px;margin:0 auto;}" permettra-elle un centrage dans toutes les résolutions?
pour ne pas me planter peux tu appliquer tes conseils au code de mon premier message et le rediffuser?
merci encore
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
15 janv. 2008 à 17:47
15 janv. 2008 à 17:47
comment separer html et css, dans la même feuille?
non, faire une feuille de style et l'intégrer comme ça.
ou dans une balise <style>.
peux tu appliquer tes conseils au code de mon premier message et le rediffuser?
c'est d'une base comme ça qu'il faut que tu partes.
et TOUT le style doit être dans la feuille de style ou la balise <style>.
pas de prologue XML (la première ligne) ça met le bronx.
et hop, le meilleur des sites pour la mise en page XHTML/CSS.
non, faire une feuille de style et l'intégrer comme ça.
ou dans une balise <style>.
peux tu appliquer tes conseils au code de mon premier message et le rediffuser?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body{ width:1024px; margin:0 auto;}
</style>
</head>
<body>
<div>
<p>Layer 1</p>
<div>
<p>Layer 2</p>
</div>
<div>
<div>
<p>Layer 3</p>
</div>
</div>
</div>
</body>
</html>
c'est d'une base comme ça qu'il faut que tu partes.
et TOUT le style doit être dans la feuille de style ou la balise <style>.
pas de prologue XML (la première ligne) ça met le bronx.
et hop, le meilleur des sites pour la mise en page XHTML/CSS.
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
15 janv. 2008 à 22:04
15 janv. 2008 à 22:04
Bonjour,
Une 1re proposition.
Nomme tes blocs (que tu appelles calques) de manière plus explicite.
“Layer1” pourrait être “#conteneur” parce qu'il contient tout le reste.
“Layer2” pourrait être “#hautgauche”.
etc.
Ça serait plus clair.
Ensuite, comme te le propose Dalida, revoie tes choix de positionnement.
Si tu veux qu'il bouge, le “absolute” n'est vraiment pas adapté pour “Layer1”.
Enfin, pour centrer le contenu de ta page, essaye de modifier tes styles comme ça
--
Une 1re proposition.
Nomme tes blocs (que tu appelles calques) de manière plus explicite.
“Layer1” pourrait être “#conteneur” parce qu'il contient tout le reste.
“Layer2” pourrait être “#hautgauche”.
etc.
Ça serait plus clair.
Ensuite, comme te le propose Dalida, revoie tes choix de positionnement.
Si tu veux qu'il bouge, le “absolute” n'est vraiment pas adapté pour “Layer1”.
Enfin, pour centrer le contenu de ta page, essaye de modifier tes styles comme ça
body {
text-align : center;
}
#Layer1 {
position : relative;
margin : 50px auto;
/* et tout le reste sauf position:absolute; left:10px; top:50px;*/
}
Ça devrait suffire.
--
