Problème d'affichage Web
Résolu
maxouxico
Messages postés
39
Date d'inscription
Statut
Membre
Dernière intervention
-
Profil bloqué -
Profil bloqué -
Bonjour, Mon problème est le suivant : Mon texte pas sous ma bannière et je n'arrive pas à trouver de solution a ce probleme
merci beaucoup d'avoir lu et voici mon code :
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Site en construction</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design.css" />
</head>
<body>
<div id="logo_fixe"> <img src="C:/Users/ADMIN/Desktop/image/logo.jpg" alt="" /> </div>
<div id="logo_fixe2"> <img src="C:/Users/ADMIN/Desktop/image/logo2.jpg" alt="" /> </div>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
<!-- Les menus -->
<!-- Le corps -->
<div id="corps">
<h1>
Bienvenue sur Kart and Crazy ! [BETA]</h1>
<p>
<FONT size="5pt"> Bienvenue sur le tout nouveau site de Kart and Crazy [BETA]<br />
Si vous aussi la fermeture du jeu à eu l'effet d'un coup de boule, alors ce site est donc pour vous !!!
</p>
<h2>La réouverture du Jeu !</h2>
<p>
Et oui vous ne rêver pas !! Kart n' Crazy reouvre ses portes pour notre plaisir à tous<br />
( Ceci seras une BETA TEST du jeu kart n' crazy
</p>
<h2>Les acteurs de ce bonheur</h2>
<p>
Mon pseudo est MaxouBeGood et je fais mes premiers pas en informatiques !!<br />
Mais attention je ne suis pas seul ! Mon acolyte => La Moule Sacrée m'aide dans mon travaille pour le plus grands plaisir des grands et des petits ;D
</p>
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p>Copyright "BeGood Corporation" 2011, tous droits réservés</p>
</div>
</body>
</html>
Et maintenant CSS :
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: #fff88e;
}
#logo_fixe { position : fixed; left : 10px; top : 10px; } /* LES 2 LOGOS */
#logo_fixe2 { position : fixed; right : 10px; top : 10px; }
/* L'en-tête */
#en_tete
{
width: 1000px;
height: 280px;
background-image: url("C:/Users/ADMIN/Desktop/image/banniere_kart.jpg");
background-repeat: no-repeat;
margin-bottom: 120px;
position : fixed;
margin-left: 30px;
}
merci beaucoup d'avoir lu et voici mon code :
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Site en construction</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design.css" />
</head>
<body>
<div id="logo_fixe"> <img src="C:/Users/ADMIN/Desktop/image/logo.jpg" alt="" /> </div>
<div id="logo_fixe2"> <img src="C:/Users/ADMIN/Desktop/image/logo2.jpg" alt="" /> </div>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
<!-- Les menus -->
<!-- Le corps -->
<div id="corps">
<h1>
Bienvenue sur Kart and Crazy ! [BETA]</h1>
<p>
<FONT size="5pt"> Bienvenue sur le tout nouveau site de Kart and Crazy [BETA]<br />
Si vous aussi la fermeture du jeu à eu l'effet d'un coup de boule, alors ce site est donc pour vous !!!
</p>
<h2>La réouverture du Jeu !</h2>
<p>
Et oui vous ne rêver pas !! Kart n' Crazy reouvre ses portes pour notre plaisir à tous<br />
( Ceci seras une BETA TEST du jeu kart n' crazy
</p>
<h2>Les acteurs de ce bonheur</h2>
<p>
Mon pseudo est MaxouBeGood et je fais mes premiers pas en informatiques !!<br />
Mais attention je ne suis pas seul ! Mon acolyte => La Moule Sacrée m'aide dans mon travaille pour le plus grands plaisir des grands et des petits ;D
</p>
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p>Copyright "BeGood Corporation" 2011, tous droits réservés</p>
</div>
</body>
</html>
Et maintenant CSS :
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: #fff88e;
}
#logo_fixe { position : fixed; left : 10px; top : 10px; } /* LES 2 LOGOS */
#logo_fixe2 { position : fixed; right : 10px; top : 10px; }
/* L'en-tête */
#en_tete
{
width: 1000px;
height: 280px;
background-image: url("C:/Users/ADMIN/Desktop/image/banniere_kart.jpg");
background-repeat: no-repeat;
margin-bottom: 120px;
position : fixed;
margin-left: 30px;
}
A voir également:
- Problème d'affichage Web
- Web office - Guide
- Navigateur web - Guide
- Création site web - Guide
- Affichage double ecran - Guide
- Problème affichage fenêtre windows 10 - Guide
10 réponses
Moi non plus je n'ai pas compris, mais en gros pour positionner avec des zones comme tu le souhaites (à ce que j'ai compris) c'est avec des float et des position absolute par exemple
Alors en faite le texte passe sous ma bannière ! Je voudrais juste le déplacer pour que les gens puisse la lire mdr !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
float c'est pour faire "flotter" ta partie, par exemple en haut, en bas, à droite, etc, et clear c'est pour plus que ça float en gros...
Sinon, dans ton .corps, mets un truc du genre padding-top:200px.
Sinon, dans ton .corps, mets un truc du genre padding-top:200px.