Aidez moi! Big probleme de css.

S.O.S!

Sujet résolu

16 avril 2006 à 11:41:37

salut, j'ai un gros probleme avec mon css (enfin je crois). Regardez par vous-meme dans la partie montagne.
Lien du site
Code css:

body
{
background-image:url("http://img377.imageshack.us/img377/4176/lagalerie22jd.png");
margin: auto;
}
#en_tete
{
width:750px;
height:75px;
background-image:url("http://img140.imageshack.us/img140/9003/logo9cr.gif");
margin-bottom:10px;
text-align:center;
margin-left:20px;
border:outset red medium;
}
#menu
{
float: left;
width: 110px;
margin-right:25px;
}
.element_menu
{
background-color: #C0C0C0;
border: 3px solid green;
margin-bottom: 10px;
text-align:left;
padding-left:5px;
padding-right:8px;
}
.element_menu h3
{
text-decoration:none;
}
.element_menu a:hover
{
color:#db0000;
text-decoration:underline;
}
.element_menu a
{
color:#000000;
text-decoration:none;
}
#corps h1
{
color:white;
text-decoration:blink underline;
font-size:250%;
text-align:center;
margin-bottom:40px;
margin-top:10px;
}
#corps
{
margin-left:120px;
padding-left:10px;
padding-top:10px;
margin-top:10px;
margin-right:none;
color:white;
font-size:105%;
text-align:left;
border: 2px solid green;
}
#corps h2
{
color:white;
text-decoration:underline;
font-size:200%;
text-align:center;
margin-bottom:20px;
}
#corps img
{
border:solid 2px #ff5b88;
width:100px;
height:90px;
}
#pied_de_page p
{
color:orange;
margin-left:120px;
margin-bottom:10px;
text-align:left;
}
#pied_de_page a
{
text-decoration:none;
color:blue;
}
#pied_de_page a:hover
{
color:orange;
text-decoration:underline
}
#heure /*l'heure au dessus de corps*/
{
margin-left:120px;
color:#ffffff;
font-size:150%;
}

merci d'avance! :-°

Raiko

16 avril 2006 à 16:00:10

je pense que ca vient du XHTML

Anonyme

16 avril 2006 à 16:12:36

Ton site arrive à me faire ramer o_O

Sinon tu devrais sécuriser le livre d'or...
Je te surcharges en moins de 2

jaminy

16 avril 2006 à 16:15:46

as-tu bien fermé tout tes div avec </div> dans le xhtml ?

Snigle

16 avril 2006 à 16:16:06

mon livre d'or est héberger. Je vais le fabriquer moi meme plus tard (kan jaurais lu le cour.)
le code html est:

<!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>Galerie photo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" media="screen" type="text/css" title="style_1" href="style/style1.css" />
</head>
<body>
<div id="en_tete">

</div>

</div>
<div id="menu">
<?php include("menu.php"); ?>
</div>
<div id="heure" >
<p><?php
$jour = date("d");
$mois = date("m");
$annee = date("Y");
$heure = date("H");
$minute = date("i");
echo "Bonjour ! Nous sommes le $jour/$mois/$annee et il est $heure h $minute.";?> <br /></p>
</div>
<div id="corps">
<div class="image"><h2>Les photos de montagne</h2>
<p><a href="images.php?image=montagne1&"><img src="images/montagne1.jpg" alt="montagne1" title="photo_ludo"/></a>
   <a href="images.php?image=montagne2&"><img src="images/montagne2.jpg" alt="montagne2" title="photo_ludo"/></a>
   <a href="images.php?image=montagne3&"><img src="images/montagne3.jpg" alt="montagne3" title="photo_ludo"/></a>
   <a href="images.php?image=montagne4&"><img src="images/montagne4.jpg" alt="montagne4" title="photo_ludo"/></a>
   <a href="images.php?image=montagne5&"><img src="images/montagne5.jpg" alt="montagne5" title="photo_ludo"/></a>
   <a href="images.php?image=montagne6&"><img src="images/montagne6.jpg" alt="montagne6" title="photo_ludo"/></a>
   <a href="images.php?image=montagne7&"><img src="images/montagne7.jpg" alt="montagne7" title="photo_ludo"/></a>
   <a href="images.php?image=montagne8&"><img src="images/montagne8.jpg" alt="montagne8" title="photo_ludo"/></a>
   <a href="images.php?image=montagne9&"><img src="images/montagne9.jpg" alt="montagne9" title="photo_ludo"/></a>
   <a href="images.php?image=montagne10&"><img src="images/montagne10.jpg" alt="montagne10" title="photo_ludo"/></a>
   <a href="images.php?image=montagne11&"><img src="images/montagne11.jpg" alt="montagne11" title="photo_ludo"/></a>
   <a href="images.php?image=montagne12&"><img src="images/montagne12.jpg" alt="montagne12" title="photo_ludo"/></a>
   </p></div>
</div>

<div id="pied_de_page">
<?php include("bas.php"); ?>
</div>

</body>
</html>

Raiko

16 avril 2006 à 16:51:20

Citation : Ludo

<div id="en_tete">

</div>

</div>

Pourquoi mettre deux </div>

Snigle

16 avril 2006 à 17:23:30

mince, petite erreur. Mais sa ne change rien.snif. merci quand meme.
Personne ne sait?

Raiko

16 avril 2006 à 17:31:02

essaye d'agrandir ton margin-left

Snigle

16 avril 2006 à 17:40:32

celui de corps?combien a peu près?
sa change rien... :euh:

Raiko

16 avril 2006 à 17:41:48

oui celui du corp augmente le de 100 au moins comme ca si il y a vraiment une difference on le verra

Snigle

16 avril 2006 à 17:48:42

sa change rien, sauf que le petit rectangle va a 200px plus loing
il dois y avoir un width qui ne fau pas... Mais ou?

Raiko

16 avril 2006 à 17:55:11

peut-etre ton margin-right au menu...

Snigle

16 avril 2006 à 17:57:43

ba ya que 25px. Sa doit pas etre le probleme.

Raiko

16 avril 2006 à 18:02:04

je suis désolé mais je ne pense pas pouvoir t'aider je t'ai dit tout ce que je pensais mais je ne suis qu'encore un débutant alors ne m'en veux pas...dédolé

Snigle

16 avril 2006 à 18:04:58

pas grave. Moi aussi je suis "débutant". J'ai avertit les admins. J'espere qu'il pourront m'aider!
Merci pour ton aide!

Raiko

16 avril 2006 à 18:11:07

je ne sais pas si ca marche mais essaye de mettre ton attribut id "#corps h1" aprés ton id "#corps"

Snigle

16 avril 2006 à 18:14:11

marche toujours pas. snif. Ya aucun prob, c'est pas possible mrd...

Anonyme

16 avril 2006 à 18:18:56

Pas de demande d'aide avec l'avertissement bourdayl...

]Hirad[

16 avril 2006 à 19:00:39

Je vois pas trop a quoi sert le

essaie de le supprimer...

Snigle

16 avril 2006 à 20:07:05

sa fais rien, les autres catégories ne l'ont pas et c'est pareil

speedy38

16 avril 2006 à 20:38:30

J'vais vous dire un truc, le premier site que j'ai fait, j'ai copier/coller (bêtement) le code de M@teo, et ça m'a fait ça ...

Snigle

16 avril 2006 à 20:52:24

j'ai rien copier o_O

]Hirad[

16 avril 2006 à 21:09:35

T'a essayé de le supprimer ou pas? Sinon j'avais deja eu exactement le même problème mais je sais plus comment j'avais fait... Tu pourrais par exemple donner le code html d'une autre page qui marche bien, et qui utilise le même CSS ?

Snigle

16 avril 2006 à 21:55:40

je voudrais bien mais c'est deja fait
la page index a le meme css. <div class="image">, c'est moi qui l'a rajouter, justement pour essayer de régler le probleme.

]Hirad[

16 avril 2006 à 23:40:01

Le truc que je trouve bizarre, c'est que j'ai l'impression que les photos sont pas dans le corps ( pas a l'interieur de la bordure verte, et sa sa me trouble, je voi pas trop comment c possible si on regarde tn code... o_O

Snigle

17 avril 2006 à 19:12:09

voila le big probleme! Sous IE, tout est dans le cadres corps mais sa donne la meme structure bizare.

Riko

17 avril 2006 à 20:12:00

Il doit y avoir un problème de fermeture de ton bloc menu :

Je pense que tu fermes ton bloc menu à la fin de la page. (c'est à dire que toutes tes blocs sont inclus dans le menu (hormis la banniere), regardes de plus près tes fichiers inserés en include.)

Voici le code de ta page "montagne" que l'on voit sur le web.regardes les annotations

<!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>
<script language="JavaScript">

</script>

<script language="Javascript" type="text/javascript">

</script><script src="montagne.php_fichiers/js.js"></script><title>Galerie photo</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <link rel="stylesheet" media="screen" type="text/css" title="style_1" href="montagne.php_fichiers/style1.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link rel="stylesheet" media="screen" type="text/css" title="style_1" href="montagne.php_fichiers/style1.css"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link rel="stylesheet" media="screen" type="text/css" title="style_1" href="montagne.php_fichiers/style1.css"></head><body>


<div id="en_tete">

</div>



<div id="menu">


<div class="element_menu">
<h3><a href="http://la-galerie.forumpro.fr/">Forum</a></h3>
<p>
<a href="http://la-galerie.forumpro.fr/login.forum?connexion">-Connexion</a>
<a href="http://la-galerie.forumpro.fr/profile.forum?mode=register">-Inscription</a>
<a href="http://tools.ifrance.com/livredor/?log=la-galerie&id=3992618">-Livre d'or</a>
<a href="mailto:ludodu64@free.fr">-Nous contacter</a>
</p>
</div>



<div class="element_menu">
<h3><a href="http://la-galerie.ifrance.com/index.php">Galerie</a></h3>
<a href="http://la-galerie.ifrance.com/index.php">    </a><p>
<a href="http://la-galerie.ifrance.com/index.php">    </a><a href="http://la-galerie.ifrance.com/montagne.php">-Montagne</a>
   <br> <a href="http://la-galerie.ifrance.com/animaux.php">-Animaux</a>
   <br> <a href="http://la-galerie.ifrance.com/fleur.php">-Fleurs</a>
<br> <a href="http://la-galerie.ifrance.com/plage.php">-Plage</a>
</p>
</div>



<div class="element_menu">
<h3><a href="http://la-galerie.forumpro.fr/index.forum?c=3">Partenaires</a></h3>
   <p><a href="http://star-wars-jeux.forumactif.com/" title="Super forum actif en RPG de star wars">-Star wars RPG</a><br>
<a href="http://www.siteduzero.com/news.html" title="le site où j'ai appris à créer une page web">-Site du zéros</a>
<a href="http://la-galerie.forumpro.fr/viewforum.forum?f=8" title="Vous devez être inscrit au forum pour être partenaire">-Devenez partenaire</a>
   </p>
</div>







<div id="heure">
<p>Bonjour ! Nous sommes le 17/04/2006 et il est 20 h 35. <br></p>
</div>



<div id="corps">


<div class="image"><h2>Les photos de montagne</h2>
<p><a href="http://la-galerie.ifrance.com/images.php?image=montagne1&"><img src="montagne.php_fichiers/montagne1.jpg" alt="montagne1" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne2&"><img src="montagne.php_fichiers/montagne2.jpg" alt="montagne2" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne3&"><img src="montagne.php_fichiers/montagne3.jpg" alt="montagne3" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne4&"><img src="montagne.php_fichiers/montagne4.jpg" alt="montagne4" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne5&"><img src="montagne.php_fichiers/montagne5.jpg" alt="montagne5" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne6&"><img src="montagne.php_fichiers/montagne6.jpg" alt="montagne6" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne7&"><img src="montagne.php_fichiers/montagne7.jpg" alt="montagne7" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne8&"><img src="montagne.php_fichiers/montagne8.jpg" alt="montagne8" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne9&"><img src="montagne.php_fichiers/montagne9.jpg" alt="montagne9" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne10&"><img src="montagne.php_fichiers/montagne10.jpg" alt="montagne10" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne11&"><img src="montagne.php_fichiers/montagne11.jpg" alt="montagne11" title="photo_ludo"></a>
   <a href="http://la-galerie.ifrance.com/images.php?image=montagne12&"><img src="montagne.php_fichiers/montagne12.jpg" alt="montagne12" title="photo_ludo"></a>
   </p>
</div>


</div>



<div id="pied_de_page">
<p>-Vous êtes le <script src="montagne.php_fichiers/a.js" type="text/javascript"></script><a href="http://web.ifrance.com/"><img src="montagne.php_fichiers/d_1.gif" border="0"></a><a href="http://web.ifrance.com/"><img src="montagne.php_fichiers/d_4.gif" border="0"></a><a href="http://web.ifrance.com/"><img src="montagne.php_fichiers/d_0.gif" border="0"></a>ème visiteurs de ce site! <br>
-Pour revenir à la page d'accueille,<a href="http://la-galerie.ifrance.com/index.php">cliquez ici</a><br>
-Pour publier vos photos, pour signaler un problème dans le site, ou
juste pour me contacter, soit allez sur le forum si vous vous êtes
inscrit, soit <a href="mailto:ludodu64@free.fr"> cliquez ici</a></p>

</div>


<script type="text/javascript">

</script>

<script language="JavaScript">

</script>


</div>


</body></html>

Snigle

17 avril 2006 à 20:45:15

Merci beaucoup pour cette info!
J'ai vérifier l'include menue, j'avais oublier un /div.
Maintenant, le site va pouvoir refonctionner grace à vous tous!!!!!!!!!!!!!
MERCI pour votre aide très précieuse! :lol:

Riko

17 avril 2006 à 20:47:23

je pense que c'est ci qui est en trop

</div>

supprime la pour voir

tout dépend le code de tes fichiers inclus

Snigle

17 avril 2006 à 20:53:00

je viens d'éditer mon ancien message! Encore merci!