Mon site ne reste pas fixe quand je réduit...
myraff
Messages postés
16
Statut
Membre
-
michel10 -
michel10 -
Bonjour a tous et a toutes,
J'ai fait cette après-midi un apercu de mon site sur un encien hébergeur " en gros j'ai commencer a voirs comment je devait mis prendre "
Donc fini le codage, je réduit la fenêtre et je constate que j'ai pas asser aux menu et que le corps, l'en tête .. ne reste pas fixer o_0'? comment faire car j'ai beau chercher voici l'hébergeur ou ce trouve le site http://cityofsims2.free.fr pour le code les voici
HTML
----------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> ~_|_~ SimsDesign ~_|_~ </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" lang="fr" content="SimsDesign" />
<meta name="Keywords" lang="fr" content="sims,sims2,simsdesign,Simsdesign,sims,Design,design,Moderne,moderne,telechargements,telechargement" />
<meta name="Description" content=" SimsDesign le design réserver qu'aux sims " />
<link rel="stylesheet" media="screen" type="text/css" title="design espace" href="css/style.css" />
<style>
<!--
Body{
Cursor: crosshair;
}
-->
</style>
</head>
<body>
<div id="en_tete"></div>
<div id="menu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="news.html">NEWS</a></li>
<li><a href="vetements.html">DOWNLOAD</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="partenaires.html">PARTENAIRES</a></li>
<li><a href="mailto:raff_webmaster@hotmail.fr">CONTACT</a></li>
</ul>
</div>
</div>
<div id="corps">
<p>Bonjours a toutes et a tous,
<br/>
<br/>
<br/>
<br/><IFRAME
src="news.html" width=650 height=365 sorolling=auto frameboder=1 ></IFRAME><br/>
<br/>
<br/>
</p>
</div>
<div id="pied_de_page">
<h6>By SimsDesign | Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">Grecostyle</a></h6>
</div>
</body>
</html>
-----------------------------------------------------------
Le css
------------------------------------------------------------
body
{
width: 90px;
margin-left: auto;
margin-right: auto;
background-image: url("images/fond.jpeg");
background-attachment: fixed;
background-color: white;
font-family: Arial, "Times New Roman", Times, sans-serif;
}
a
{
color: #EBC79E;
text-decoration: none;
}
a:hover
{
text-decoration: none;
color: #A62A2A;
}
#en_tete
{
width: 876px;
float: center;
background: url("images/banniere_simsdesign.jpg") center no-repeat;
background-color: white;
height: 158px;
margin-left: -390px;
margin-top: 46px;
border: 2px ridge #4E2F2F;
}
div#menu
{
width: 189px;
float: left;
background: url("images/menu.jpg") center;
background-color: grun;
text-align: center;
height: 486px;
margin-left: -390px;
margin-top: -2px;
text-align: left;
border: 2px ridge #4E2F2F;
}
li
{
margin-right: 0px;
margin-top: 15px;
background-color: alpha;
color: white;
list-style-type: none;
}
#corps
{
float: left;
margin-left: -199px;
margin-top: -2px;
padding: 25px;
color: #929189;
background-color: white;
text-align: justify;
border: 2px ridge #4E2F2F;
width: 635px;
height: 435px;
}
#pied_de_page
{
width: 280px;
margin-top: 40px;
color: white;
text-align: center;
}
------------------------------------------------------------
J'ai fait cette après-midi un apercu de mon site sur un encien hébergeur " en gros j'ai commencer a voirs comment je devait mis prendre "
Donc fini le codage, je réduit la fenêtre et je constate que j'ai pas asser aux menu et que le corps, l'en tête .. ne reste pas fixer o_0'? comment faire car j'ai beau chercher voici l'hébergeur ou ce trouve le site http://cityofsims2.free.fr pour le code les voici
HTML
----------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> ~_|_~ SimsDesign ~_|_~ </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" lang="fr" content="SimsDesign" />
<meta name="Keywords" lang="fr" content="sims,sims2,simsdesign,Simsdesign,sims,Design,design,Moderne,moderne,telechargements,telechargement" />
<meta name="Description" content=" SimsDesign le design réserver qu'aux sims " />
<link rel="stylesheet" media="screen" type="text/css" title="design espace" href="css/style.css" />
<style>
<!--
Body{
Cursor: crosshair;
}
-->
</style>
</head>
<body>
<div id="en_tete"></div>
<div id="menu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="news.html">NEWS</a></li>
<li><a href="vetements.html">DOWNLOAD</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="partenaires.html">PARTENAIRES</a></li>
<li><a href="mailto:raff_webmaster@hotmail.fr">CONTACT</a></li>
</ul>
</div>
</div>
<div id="corps">
<p>Bonjours a toutes et a tous,
<br/>
<br/>
<br/>
<br/><IFRAME
src="news.html" width=650 height=365 sorolling=auto frameboder=1 ></IFRAME><br/>
<br/>
<br/>
</p>
</div>
<div id="pied_de_page">
<h6>By SimsDesign | Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">Grecostyle</a></h6>
</div>
</body>
</html>
-----------------------------------------------------------
Le css
------------------------------------------------------------
body
{
width: 90px;
margin-left: auto;
margin-right: auto;
background-image: url("images/fond.jpeg");
background-attachment: fixed;
background-color: white;
font-family: Arial, "Times New Roman", Times, sans-serif;
}
a
{
color: #EBC79E;
text-decoration: none;
}
a:hover
{
text-decoration: none;
color: #A62A2A;
}
#en_tete
{
width: 876px;
float: center;
background: url("images/banniere_simsdesign.jpg") center no-repeat;
background-color: white;
height: 158px;
margin-left: -390px;
margin-top: 46px;
border: 2px ridge #4E2F2F;
}
div#menu
{
width: 189px;
float: left;
background: url("images/menu.jpg") center;
background-color: grun;
text-align: center;
height: 486px;
margin-left: -390px;
margin-top: -2px;
text-align: left;
border: 2px ridge #4E2F2F;
}
li
{
margin-right: 0px;
margin-top: 15px;
background-color: alpha;
color: white;
list-style-type: none;
}
#corps
{
float: left;
margin-left: -199px;
margin-top: -2px;
padding: 25px;
color: #929189;
background-color: white;
text-align: justify;
border: 2px ridge #4E2F2F;
width: 635px;
height: 435px;
}
#pied_de_page
{
width: 280px;
margin-top: 40px;
color: white;
text-align: center;
}
------------------------------------------------------------
A voir également:
- Mon site ne reste pas fixe quand je réduit...
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Mon pc s'allume mais lécran reste noir sans bip - Guide
- Site pour partager des photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
3 réponses
Bonjour,
“fini le codage” ?
Pas sûr (-;
Et tu n'as toujours pas réglé ton problème avec les chemins (ni avec l'orthographe**), on dirait (-;
Quelques exemples.
Dans la page d'accueil
Dans la page de news on voit que
<lien> www.validome.org/validate/?uri=http://cityofsims2.free.fr/news.html&extended=1&doctype=XHTML%201.0%20Strict&charset=ISO-8859-1&userAgent=Mozilla/4.0%20%28compatible%3b%20MSIE%206.0%3b%20Windows%20NT%205.1%29 </lien>
ça se gâte.
Et il oublie de te dire que “la balise LINK” n'est pas à sa place, qu'elle doit être dans le <head>.
Qu'il vaut toujours mieux éviter les espaces dans les noms de fichiers.
Qu'on ne trouve pas de dossier “downloads/” ni même “css/downloads/”.
En fait, je n'ai pas compris ta question.
Quand je redimensionne la fenêtre, rien de différent ne se passe.
Attends des utilisateurs d'IE.
**
J'ai mis du temps à comprendre “asser”.
J'ai cru lire assez. Et puis, j'ai fini par comprendre accès.
--
“fini le codage” ?
Pas sûr (-;
Et tu n'as toujours pas réglé ton problème avec les chemins (ni avec l'orthographe**), on dirait (-;
Quelques exemples.
Dans la page d'accueil
<div id="en_tete"></div>
<div id="menu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="news.html">NEWS</a></li>
<li><a href="vetements.html">DOWNLOAD</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="partenaires.html">PARTENAIRES</a></li>
<li><a href="mailto:raff_webmaster@hotmail.fr">CONTACT</a></li>
</ul>
</div>
</div>il y a une “</div>” en trop.
Dans la page de news on voit que
<lien> www.validome.org/validate/?uri=http://cityofsims2.free.fr/news.html&extended=1&doctype=XHTML%201.0%20Strict&charset=ISO-8859-1&userAgent=Mozilla/4.0%20%28compatible%3b%20MSIE%206.0%3b%20Windows%20NT%205.1%29 </lien>
ça se gâte.
Et il oublie de te dire que “la balise LINK” n'est pas à sa place, qu'elle doit être dans le <head>.
Qu'il vaut toujours mieux éviter les espaces dans les noms de fichiers.
Qu'on ne trouve pas de dossier “downloads/” ni même “css/downloads/”.
En fait, je n'ai pas compris ta question.
Quand je redimensionne la fenêtre, rien de différent ne se passe.
Attends des utilisateurs d'IE.
**
J'ai mis du temps à comprendre “asser”.
J'ai cru lire assez. Et puis, j'ai fini par comprendre accès.
--
