(debutant) deux div ne s'affichent pas...
ditow
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
J'essaye de faire apparaitre trois div pour un site... mais seulement 1 div s'affiche. j'ai beau regarder mon code je ne vois pas d'erreurs...
ps: je suis extremement débutant, ce n'est absolument pas mes études et encore moins mon métier.
merci pour l'aide.
voici mes codes.
index.html
style.css
<style>
body {
background-color: white;
}
</style>
#center {
position: relative;
top: 40%;
background-image: url("http://www.lucilemaiseau.com/img/center.jpg");
width: 402px;
height: 91px;
margin-left: auto;
margin-right: auto;
}
#portfolio {
position: relative;
top: 70%;
background-image: url("http://www.lucilemaiseau.com/img/portfolio.jpg");
width: 402px;
height : 39px;
margin-left: auto;
margin-right: auto;
}
#footer {
position: relative;
bottom: 0;
background-image: url("http://www.lucilemaiseau.com/img/footer.jpg");
width: 682px;
margin-left: auto;
margin-right: auto;
}</code>
J'essaye de faire apparaitre trois div pour un site... mais seulement 1 div s'affiche. j'ai beau regarder mon code je ne vois pas d'erreurs...
ps: je suis extremement débutant, ce n'est absolument pas mes études et encore moins mon métier.
merci pour l'aide.
voici mes codes.
index.html
<html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="center"</div> <div id="portfolio"</div> <div id="footer"</div> </body> </html>
style.css
<style>
body {
background-color: white;
}
</style>
#center {
position: relative;
top: 40%;
background-image: url("http://www.lucilemaiseau.com/img/center.jpg");
width: 402px;
height: 91px;
margin-left: auto;
margin-right: auto;
}
#portfolio {
position: relative;
top: 70%;
background-image: url("http://www.lucilemaiseau.com/img/portfolio.jpg");
width: 402px;
height : 39px;
margin-left: auto;
margin-right: auto;
}
#footer {
position: relative;
bottom: 0;
background-image: url("http://www.lucilemaiseau.com/img/footer.jpg");
width: 682px;
margin-left: auto;
margin-right: auto;
}</code>
A voir également:
- (debutant) deux div ne s'affichent pas...
- Deux ecran pc - Guide
- Comment faire deux colonnes sur word - Guide
- Nombre de jours entre deux dates excel - Guide
- Pourquoi les emojis ne s'affichent pas samsung - Forum Samsung
- Deux whatsapp sur un téléphone - Guide
3 réponses
j'ai beau regarder mon code je ne vois pas d'erreurs...
Pourtant y'en a ;)
D'autre part les positionnements relatifs ou absolus sont difficiles à maîtriser quand on débute. Faites simple : il n'y en a pas besoin pour 3 malheureux div les uns en dessous des autres.
Il manque aussi un doctype, très important si on veut avoir à peu près la même chose sur tous les navigateurs...
Pourtant y'en a ;)
<div id="center"></div> <div id="portfolio"></div> <div id="footer"></div>
D'autre part les positionnements relatifs ou absolus sont difficiles à maîtriser quand on débute. Faites simple : il n'y en a pas besoin pour 3 malheureux div les uns en dessous des autres.
Il manque aussi un doctype, très important si on veut avoir à peu près la même chose sur tous les navigateurs...
Salut,
Et j'ai pas compris pourquoi tu met des balises <style> dans une page css ...
Cette balise sert à l'intégration de css dans les page html mais dans les pages css ça sert à rien ;)
Edit : et utilise des lien relatif, c'est mieux ;)
La chance aide parfois, le travail toujours !
Il faut être con pour un non-con de vouloir jouer les cons !
Et j'ai pas compris pourquoi tu met des balises <style> dans une page css ...
Cette balise sert à l'intégration de css dans les page html mais dans les pages css ça sert à rien ;)
Edit : et utilise des lien relatif, c'est mieux ;)
La chance aide parfois, le travail toujours !
Il faut être con pour un non-con de vouloir jouer les cons !