Sujet Précédent Sujet Suivant

Probleme mise en page

foyout -  
 foyout -
Bonjour,

voila, j'ai un souci de mise en page. Voila le site, vous comprendrez mieux le probleme: http://photoscarnivores.free.fr/Heliamphora/accueil_heliamphora.php
Donc voila, vous comprendrez que la liste de lien tout en bas n'est pas a sa place. D'une part, il faudrait qu'elles soit sous la photo, et surtout je voudrais que le liste ne dépasse les 620px, donc que les mots aillent a la ligne.
Je ne comprend pas pourquoi ca ne marche pas, pourtant ils sont dans un bloc css de 620px de large...

Merci d'avance pour vos reponses.

Foyout
A voir également:

2 réponses

Réponse 1 / 2
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
SALUT

tu as plusieurs problemes sur ta page !!

des balises non ferme , des style et meme un lien vers un css externe dans le BODY !!!!

si tu utilise des includes , ne mets jamais de partie devant ce trouver dans les head sur l includ , car tu les retrouveras automatiquement a l endrois ou ce situe cette includ dans la page !!

donc il faut que tu corrige ton code de maniere a ce que le code genere soit comme celui que j ai corrige

ps : met le style que j ai remis dans les head sur ton css externe !! 

<!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">
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Accueil
    </title>
    <link href="../css.css" rel="stylesheet" type="text/css" />
    <style type="text/css">/*
      <![CDATA[*/ <!-- a:link {color:#FFCC00} a:visited {color:#FFCC00} a:hover {color: #FFFFFF;         text-decoration: underline overline; } a:active {color:#FFFFFF; text-decoration: underline overline;}  -->/*]]>*/
    </style>
  </head>
  <body>
<script type="text/javascript">
//<![CDATA[
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
        for (var i = 1; i<=10; i++) {
                if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
        }
if (d) {d.style.display='block';}
}
//-->
//]]>
</script>
    <div class="fond" id="fond">
      <span class="titre">http://photoscarnivores.free.fr
      </span> 
      <span class="gauche">
        <img src="/bandeau-gauche.jpg" />
      </span>
      <div id="menu">
        <dl>
          <dt onmouseover="javascript:montre();">
            <a href="" title="Heliamphora">Heliamphora</a>
          </dt>
        </dl>
        <dl>
          <dt onmouseover="javascript:montre();">
            <a href="" title="Drosera">Drosera</a>
          </dt>
        </dl>
        <dl>
          <dt onmouseover="javascript:montre();">
            <a href="" title="Pinguicula">Pinguicula</a>
          </dt>
        </dl>
        <dl>
          <dt onmouseover="javascript:montre();">
            <a href="" title="Sarracenia">Sarracenia</a>
          </dt>
        </dl>
        <dl>
          <dt onmouseover="javascript:montre();">
            <a href="" title="Dionaea">Dionaea</a>
          </dt>
        </dl>
        <dl>
          <dt onmouseover="javascript:montre();">
            <a href="" title="Nepenthes">Nepenthes</a>
          </dt>
        </dl>
        <dl>
          <dt onmouseover="javascript:montre();">
            <a href="" title="Utricularia">Utricularia</a>
          </dt>
        </dl>
        <dl>
          <dt onmouseover="javascript:montre();">
            <a href="" title="Brocchinia">Brocchinia</a>
          </dt>
        </dl>
        <dl>
          <dt onmouseover="javascript:montre('smenu1');">Autres
          </dt>
          <dd id="smenu1">
            <ul onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('')"><li>
              <a href="#">Aldrovanda</a></li><li>
              <a href="#">Byblis</a></li><li>
              <a href="#">Drosophyllum</a></li><li>
              <a href="#">Darlingtonia</a></li><li>
              <a href="#">Catopsis</a></li><li>
              <a href="#">Cephalotus</a></li><li>
              <a href="#">Roridula</a></li><li>
              <a href="#">Genlisea</a></li><li>
              <a href="#">Ibicella</a></li>
            </ul>
          </dd>
        </dl>
      </div>
      <span class="droite">
        <img src="/bandeau-droit.jpg" />
      </span>
      <p> 
      </p>
      <p> 
      </p>
      <p>
        <span class="Style1">Heliamphora
        </span><br /><br /><br />
        <img src="accueil_heliamphora.jpg" width="240" height="320" />
      </p>
      <div id="centre">
        <a href="?page=images/H.pulchella/index">H.pulchella</a>     
        <a href="?page=images/H.minor/index">H.minor</a>     
        <a href="?page=images/H.tatei/index">H.tatei</a>     
        <a href="?page=images/H.heterodoxa/index">H.heterodoxa</a>     
        <a href="?page=images/H.exappendiculata/index">H.exappendiculata</a>     
        <a href="?page=images/H.hispida/index">H.hispida</a>     
        <a href="?page=images/H.nutans/index">H.nutans</a>     
        <a href="?page=images/H.elongata/index">H.elongata</a>     
        <a href="?page=images/H.ionasii/index">H.ionasii</a>     
        <a href="?page=images/H.folliculata/index">H.folliculata</a>     
        <a href="?page=images/H.chimantensis/index">H.chimantensis</a>     
        <a href="?page=images/H.neblinae/index">H.neblinae</a>     
      </div>
    </div>
  </body>
</html>


RAD
0
Réponse 2 / 2
foyout
 
bon, j'ai modifié quelques trucs pour ne plus avoir le css dans le body notamment. Y'a bien un include, c'est pour ca qu'il se retrouvé au milieu.
Mais, par contre, ca n'a pas l'air d'avoir régler le problème...
0

Discussions similaires

mise à jour boitier X96 mini
Brunoche -
Vico -

3 réponses