Prob avec html je crois

**inferno66667** · 28/10/2005, 11h37

Salut,

J'ai de nombreuses pages html et css et les 2 premières ca va et les autres , c'est la cata!!

Je ne sais pas pourquoi?
Si quelqu'un veux que je lui envoie les fichiers pour regarder

voici 1 html :accueil.html :

[code]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="fr">
<head>
<title>Technopôle de nouvelles technologies</title>
<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet"media="screen"type="text/css"title="css"href="CSS/design_principale.css"/>
</head>
<body>
<div id="en_tete">

</div>

<div id="menu">
<div class="element_menu">
<p>
<a href="accueil.html">Accueil/<br/>
Home</a>
</p>

<p>
<a href="accueil-boutique.html">Boutique/<br/>
Shop</a>
</p>

<p>
<a href="F-Francais.html">Forum Francais</a>
</p>

<p>
<a href="F-English.html">English Forum</a>
</p>

<p>
<a href="contact.html">Contact</a>
</p>
</div>
</div>

<div id="corps">
<p>
Bonjour et bienvenue sur mon site!<br/>
<q class="anglophone">Good day and Welcome on my site!</q>
</p>

<p>
Sur ce site, vous trouverez tout ce que vous cherchez à prix réduit.<br/>
Si vous ne trouvez pas votre bonheur, alors veuillez me contacter et je verrais ce que je peux faire...<br/>
<q class="anglophone">On this site, you will find all that you seek at little price.<br/>
If you find not your happiness, then please contact me and I would see what I can do... </q>
</p>

<p>
Ce site se compose en 3 éléments :<br/>
<q class="anglophone">This site is composed in 5 elements :</q>
</p>

<p>
<h3>La boutique/<q class="anglophone">The shop</q></h3>
</p>

<p>
Comme vous pouvez le voir sur ces images, il y a des MP3, MP4,...<br/>
Et aussi une boutique pour avoir un nom de domaine, le moins chers du marché, des packs hébérgement+création de site en 1 clic.<br/>
<q class="anglophone">As you can see it on these images, there are MP3, MP4,...<br/>
And also a shop to have a domain name, least expensive of the market, of lodging packs+creation of site in 1 clic.</q>
</p>

<p>
<h3>Le forum</h3>
</p>

<p>
Le forum se compose en deux parties : le forum francais et l'anglais.<br/>
Ce sont des forums où l'on peux parler de tout et de rien!<br/>
<q class="anglophone">The forum is composed in two parts : the forum english and french.<br/>
They are forums where one speaks about all and nothing!</q>
</p>

</div>

<a href="http://www.partnershop.fr/shop/4108/1/?mid=66&url=http%3A%2F%2Fhebergement.lycos.fr%2Fproduct%2Fstarter%2F"><img src="http://www.partnershop.fr/img/affiliation/1/3/468x60_UpSideDown_FR.gif" /></a>
<script type="text/javascript" language="javascript" src="http://www.milimel.com/site/data/ban.js"></script>
<script type="text/javascript" language="javascript">ban(4872201);</script>

<div id="pied_de_page">
<p>
Auteur/<q class="anglophone">Author</q> : Aussie Ankou<br/>
Copyright "High Technopôle Corporation" 2005, tous droits réservés
</p>
</div>

</body>
</html>
[code]

Le 2 : accueil-boutique.html :

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="fr">
<head>
<title>Technopôle de nouvelles technologies</title>
<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet"media="screen"type="text/css"title="css"href="CSS/design_principale.css"/>
</head>
<body>
<div id="en_tete">

</div>

<div id="menu">
<div class="element_menu">
<p>
<a href="accueil.html">Accueil/<br/>
Home</a>
</p>

<p>
<a href="accueil-boutique.html">Boutique/<br/>
Shop</a>
</p>

<p>
<a href="F-Francais.html">Forum Francais</a>
</p>

<p>
<a href="F-English.html">English Forum</a>
</p>

<p>
<a href="contact.html">Contact</a>
</p>
</div>

<div class="element_menu">
<p>
<a href="http://www.partnershop.fr/shop/4108">Lycos shop</a>
</p>

<p>
<a href="http://www.milimel.com/parrainage.asp?parrain=487220">Milimel</a>
</p>

<p>
<a href="e-book.html">E-book</a>
</p>

</div>

<div id="pied_de_page">
<p>
Auteur/<q class="anglophone">Author</q> : Aussie Ankou<br/>
Copyright "High Technopôle Corporation" 2005, tous droits réservés
</p>
</div>

</body>
</html>
[code]

Le 3 :contact.html:

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="fr">
<head>
<title>Technopôle de nouvelles technologies</title>
<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet"media="screen"type="text/css"title="css"href="CSS/design_principale.css"/>
<link rel="stylesheet"media="screen"type="text/css"title="css"href="CSS/contact.css"/>
</head>
<body>
<div id="en_tete">

</div>

<div id="menu">
<div class="element_menu">
<p>
<a href="accueil.html">Accueil/<br/>
Home</a>
</p>

<p>
<a href="accueil-boutique.html">Boutique/<br/>
Shop</a>
</p>

<p>
<a href="F-Francais.html">Forum Francais</a>
</p>

<p>
<a href="F-English.html">English Forum</a>
</p>

<p>
<a href="contact.html">Contact</a>
</p>
</div>
</div>

<div id="corps">
<p>
Si vous avez des questions, une demande de recherche ou tout autre chose, n'hésitez pas et remplissez ce formulaire de contact. Je vous y répondrais dans les plus brefs délais.<br/>
<q class="anglophone">If you have questions, a request for research or anything else, don't hesitate and fill this contact form. I would answer you as soon as possible it.</q>
</p>

<form method="post"action="traitement.php">
<fieldset>
<legend>Vos coordonnées/Your co-ordinates</legend>
<label>Nom/Name<br/
<input type="text"name="nom"tabindex="10"/></label>
<br/>
<label>Prénom/First name<br/>
<input type="text"name="prenom"tabindex="20"/></label>
<br/>
<label>E-mail<br/>
<input type="text"name="email"tabindex="30"/></label>
</fieldset>

<fieldset>
<legend>Votre question/Your question</legend>
<p>
<label>A propos de/In connection with<br/>
<select name="description"tabindex="40">
<option value="site">Site</option>
<option value="boutique">Boutique/Shop</option>
<option value="forum">Forum</option>
<option value="probleme">Problème/Problem</option>
<option value="autre">Autre/other</option>
</select>
</label>
<br/>
<label>Sujet/Subject<br/>
<input type="text"name="sujet"tabindex="50"/></label>
<br/>
<label>Message<br/>
<textarea name="message"rows="10"cols="50"tabindex="60"></textarea>
</p>
</fieldset>

<p>
<input type="submit"value="envoyer/send"/><input type="reset"value="effacer/erase"/>
</form>

<div id="pied_de_page">
<p>
Auteur/<q class="anglophone">Author</q> : Aussie Ankou<br/>
Copyright "High Technopôle Corporation" 2005, tous droits réservés
</p>
</div>

</body>
</html>
[code]

Le 4 :e-book.html:

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="fr">
<head>
<title>Technopôle de nouvelles technologies</title>
<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet"media="screen"type="text/css"title="css"href="CSS/design_principale.css"/>
</head>
<body>
<div id="en_tete">

</div>

<div id="menu">
<div class="element_menu">
<p>
<a href="accueil.html">Accueil/<br/>
Home</a>
</p>

<p>
<a href="accueil-boutique.html">Boutique/<br/>
Shop</a>
</p>

<p>
<a href="F-Francais.html">Forum Francais</a>
</p>

<p>
<a href="F-English.html">English Forum</a>
</p>

<p>
<a href="contact.html">Contact</a>
</p>
</div>

<div class="element_menu">
<p>
<a href="http://www.partnershop.fr/shop/4108">Lycos shop</a>
</p>

<p>
<a href="http://www.milimel.com/parrainage.asp?parrain=487220">Milimel</a>
</p>

<p>
<a href="e-book.html">E-book</a>
</p>

</div>

<div id="corps">
<p>
Voici 2 E-books sur "comment gagner de l'argent sur internet". L'un de <em>Godefroy Christian</em> : "Comment s'enrichir sur Internet sans avoir de site" et l'autre c'est : "argent facile travail à domicile".<br/>
<q class="anglophone">Here 2 E-books on "how to earn money on internet". One of Godefroy Christian : "How to grow rich on internet without having site" and the other it's : "easy money domestic industry".
</p>

<p>
<h5>Commencons par celui de Godefroy Christian :<br/>
Starting by that of Godefroy Christian :</h5><br/>
<img src="CSS/images/e-book.jpg"alt="e-book"/>
</p>
</div>

<div id="pied_de_page">
<p>
Auteur/<q class="anglophone">Author</q> : Aussie Ankou<br/>
Copyright "High Technopôle Corporation" 2005, tous droits réservés
</p>
</div>

</body>
</html>
[code]

Les css, le 1 : contact

[code]
input, textarea
{
font-family:arial, "time new roman", serif;
}

label
{
color:yellow;
}

legend
{
font-family:arial, "time new roman", serif;
color:green;
font-weight:bold;
}

fieldset
{
margin-bottom:15px;
background-color:rgb(131,45,20);
}
[code]

Le 2 : design_principale:

[code]
body
{
background-attachment:fixed;
background-image:url("images/fond_dark.jpg");
}

#en_tete
{
width:900px;
height:120px;
background-image:url("images/feu.jpg");
background-repeat:no-repeat;
margin:auto;
}

#menu
{
float:left;
width:120px;
margin-top:40px;
}

.element_menu
{
background-color:black;
background-repeat:repeat-y;

border:3px solid silver;

margin-bottom:20px;
font-family:atmosphere, arial, "time new roman", serif;
color:blue;
}

.anglophone
{
color:red;
}

a
{
text-decoration:none;
color:blue;
font-weight:bold;
font-family:atmosphere, arial, "time new roman", serif;
}

a:hover
{
text-decoration:underline;
color:red;
}

a:visited
{
text-decoration:none;
}

#corps
{
margin-left:140px;
margin-bottom:50px;
margin-top:40px;
}

p
{
font-family:arial, "time new roman", serif;
color:rgb(250,155,27);
Font-size:medium;
width:90%;
text-align:justify;
}

h3
{
color:rgb(250,155,27);
}

#pied_de_page
{
padding:5px;
text-align:center;
border-top:1px solid blue;
}
[code]

La 2 et la 4 sont les pires le textes et en dessous du menu, et il y a pleins de guillemet. De plus c'est écrit sur une bande de 5 cm!!

Merci a vous

**francis m** · 28/10/2005, 11h47

cela s'appelle un multipost...

et si personne ne t'a répondu, c'est exactement pour les raisons invoquées précédemment :

Envoyé par spirou

Ce serait bien que tu mettes ton code entre les balises [codes], parce que là c'est un peu ...

Envoyé par 10-nice

... déroutant et repulsif pour qui voudrait essayer d'aider...

et en plus, on ne sait même pas quel est ton problème, parce que les termes comme, je cite, c'est la cata, cela ne nous aide pas non plus
essaies de cerner un peu ton problème, de nous donner quelques détails, les lignes qui semblent en être à l'origine, etc
On veut bien aider, mais lire la totalité d'un code de 17 pages sans savoir où aller, ...

**inferno66667** · 28/10/2005, 12h26

Alors, je les ai mis entre des balises code!

Ensuite c'est vrai que je pourrais préciser alors voila :

Ma page accueil=no problemo

Elle est nickel mais les autres....

Alors la page contact déjà, c'est le pied de page, il s'arrete sur l'horizontal au environ du menu comme si quelque chose le couper!!!!

Accueil-boutique, c'est le pied de page, il est totalement alignés sous le menu.

E-book, alors lui il y a des guillemet partout et le corps comme le pied de page est sous le menu.

Voila

**zulot** · 28/10/2005, 13h29

honnetement j'ai pas lu car c'est un peu bordélique a lire et c'est pas dans les balises code tout ca lol

mais je dirais que dans la definition de ton pied de page il manque width:900px;
height:120px;

**francis m** · 28/10/2005, 14h13

j'admets, tu as essayé de les mettre dans les balises code
pour faire cela correctement, tu dois sélectionner ton texte et cliquer sur le bouton Code. Tu n'es pas obligé de refaire un post, prends celui qui est en cours, et tu verras qu'à droite il y a un bouton éditer qui te permet de le modifier (pour info, quand un code est dans les bonnes balises, il est vert, le tien est noir. Et cela nous permet de récupérer facilement ton texte dans notre éditeur[/u]

**francis m** · 28/10/2005, 14h40

je te conseille en premier lieu de présenter ton code avec des retraits de paragraphes, comme j'ai fait ci-dessous pour ton e-book

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div id="menu"> 
 
	<div class="element_menu"> 
		<p><a href="accueil.html">Accueil/<br/>Home</a></p> 
		<p><a href="accueil-boutique.html">Boutique/<br/>Shop</a></p> 
		<p><a href="F-Francais.html">Forum Francais</a></p> 
		<p><a href="F-English.html">English Forum</a></p> 
		<p><a href="contact.html">Contact</a></p> 
	</div> 
 
	<div class="element_menu"> 
		<p><a href="http://www.partnershop.fr/shop/4108">Lycos shop</a></p> 
		<p><a href="http://www.milimel.com/parrainage.asp?parrain=487220">Milimel</a></p> 
		<p><a href="e-book.html">E-book</a></p> 
	</div> 
 
	<div id="corps"> 
		<p> 
		Voici 2 E-books sur "comment gagner de l'argent sur internet". L'un de <em>Godefroy Christian</em> : "Comment s'enrichir sur Internet sans avoir de site" et l'autre c'est : "argent facile travail à domicile".<br/> 
		<q class="anglophone">Here 2 E-books on "how to earn money on internet". One of Godefroy Christian : "How to grow rich on internet without having site" and the other it's : "easy money domestic industry". 
		</p> 
 
		<p> 
		<h5>Commencons par celui de Godefroy Christian :<br/> 
		Starting by that of Godefroy Christian :</h5><br/> 
		<img src="CSS/images/e-book.jpg"alt="e-book"/> 
		</p> 
	</div>

déjà c'est nettement plus lisible, et en faisant cela tu te rends directement compte que ton div corps est à l'intérieur de ton div menu, donc c'est logique que la présentation ne soit pas ce que tu attends

et je suppose que c'est le problème général

quand tu auras fait cela sur toutes tes pages (c'est un peu de boulot, mais il FAUT le faire, sinon plus tard tu prendras un temps fou pour comprendre et effectuer des modifications), controle tes pages à nouveau, je suis sûr que tu auras réglé la majorité de tes problèmes de mise en page

Prob avec html je crois

HTML

Discussions similaires

Partager

Partager