Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme avec un kit graphique

menu et le bas

    18 février 2007 à 18:42:29

    Bonsoir, je viens d'acheter un kit graphique et j'ai un probleme. En faite le menu est trop grand et il depasse le bas de la page.

    Mon site est la : http://cocolabomb.ns5-wistee.fr/kit/11/index.php
    voila la fin du kit


    <table width="295" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="500" height="7" class="tiret">&nbsp;</td>
        </tr>
        <tr>
          <td height="20"  class="menu2"><a href="#haut" class="textePetit">Haut de page </a></td>
        </tr>
      </table>
    </div>
    <div class="textePetit" id="texteBas">Copyright &copy; 200X cocolabombe0. Tous droits r&eacute;serv&eacute;s. | Design par <a href="http://www.techgrafik.com/" target="_blank">DJI</a> pour <a href="http://www.kitgrafik.com/graphistes/index-g-25.html" target="_blank">Kitgrafik.com</a></div>
    </body>
    </html>



    et le code css est
    /* Mise en forme de la page */

    body {margin: 0px; background-color:#d6d6d6; background-image:url(images/bg.jpg); background-position:top; background-repeat:repeat-x;}


    /* Menu fond noir Mise en forme */

    #header {
    margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px;
    width:785px;   
    height:170px;
    }

    #menu {
            margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px;
            width: 785px;
            height: 32px;
            background-image:url(images/menu.gif);
            vertical-align:middle;
            text-align:center;
    }



    #texteTop{
            margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px;
            height:37px;
            width:785px;   
    }

    #texteBg{
            margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px;
            height:auto;
            width:705px;
            background-image:url(images/texteBG.gif);
            padding-left: 40px;
            padding-right: 40px;
            padding-bottom: 20px;
            padding-top: 1px;
    }


    #texteBas {
            margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px;
            height: 43px;
            width: 785px;
            text-align:center;
            background-image:url(images/texteBas.gif);
            background-repeat:no-repeat;
    }




    /* Mise en forme des textes */


    p {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            text-align:justify;
            color: #646464;
    }


    /* titre */
    .titre {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #1C7CD2;
            font-weight: bold;
    }


    /* autre textes */

    .rubrique {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight:bold;
            text-align:center;
            color: #fff;
    }

    .rubrique2 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight:bold;
            text-align:center;
            color:#1C7CD2;
    }

    .textePetit {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
            color: #646464;
    }



    /* Liens par défault */

    a:link {color: #1955A3; text-decoration: underline;}
    a:visited {color: #1955A3; text-decoration: underline;}
    a:hover {color: #1955A3; text-decoration: none;}



    /* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

    .menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #6d728b; text-decoration: none;}
    .menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #6d728b; text-decoration: none;}
    .menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1c7cd2; text-decoration: none;}

    /* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

    .menuBleu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:boldcolor: #FFF; text-decoration: none;}
    .menuBleu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  font-weight:bold; color: #FFF; text-decoration: none;}
    .menuBleu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #000; text-decoration: none;}

    /* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

    .menuBlanc a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:boldcolor: #1c7cd2; text-decoration: none;}
    .menuBlanc a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  font-weight:bold; color: #1c7cd2; text-decoration: none;}
    .menuBlanc a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #000; text-decoration: none;}


    /* Autres Code */


    .photosPositionnementDROIT {float:right; margin-left: 20px; margin-top: 15px; margin-bottom: 15px;}

    .photosPositionnementGAUCHE {float:left; margin-right: 20px; margin-top: 15px; margin-bottom: 15px;}

    .tiret {border-bottom: dashed 1px; border-bottom-color: #1c7cd2;}

    .boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px; color: #1c7cd2;border: 1px solid #C2C5D9; background-color: #FFFFFF;}

    .formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #a8a8a6; margin: 0 0 0 0; padding: 0 0 0 12px; text-align:left;}

    /* Appliquer ce style à la Td de l'élément du menu désiré */
    .active{background-position:top center;
    background-image:url(images/menuPageActiveBg.gif); background-repeat:no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1c7cd2; font-weight:bold; text-decoration: none;}


    Pouvez vous m'aider.
    merci
    a+
    • Partager sur Facebook
    • Partager sur Twitter
      18 février 2007 à 18:46:13

      ca c'est parceque ton contennu est trop petit...met des <br/> ou donne une valeur fixe a ton espace de contennu et ajoute overflow: auto;
      au css
      • Partager sur Facebook
      • Partager sur Twitter
        18 février 2007 à 18:47:09

        ok je vais esseyer avec le overflow: auto;
        • Partager sur Facebook
        • Partager sur Twitter
          18 février 2007 à 18:52:15

          et donne lui une hauteur fixe...
          a vu de nez je dira :
          height: 575px;
          • Partager sur Facebook
          • Partager sur Twitter
          Anonyme
            18 février 2007 à 18:53:36

            Désolé mais je ne vois pas de php la dedans.
            • Partager sur Facebook
            • Partager sur Twitter
              18 février 2007 à 19:49:20

              non je sais. C'est par ce que je l'ai mi dans le php car j'utilise des includes.
              • Partager sur Facebook
              • Partager sur Twitter

              Probleme avec un kit graphique

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur
              • Markdown