Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de texte sur image :(

devilspy
    13 avril 2006 à 12:56:01

    Yop all

    Voila j'ai un problème avec mon site c'est que le texte que je met dans le menu et dans le contenu se met au milieu de l'image et non en haut... J'ai beau essayer le padding-top dans le css sa ne change rien et aussi dans le div mettre align="top" mais toujours rien :(

    Voila le fichier html de mon site + le fichier css:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="en" lang="en">
    <head>
    <title>A380</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" media="screen" type="text/css" title="A380" href="style.css" />
    </head>
    <body bgcolor="#ffffff">
    <table border="0" cellpadding="0" cellspacing="0" width="1000">
      <tr>
       <td background="images/spacer.gif" width="12" height="756" rowspan="4" />
       <td background="images/header.jpg" width="976" height="267" colspan="2" />
       <td background="images/spacer.gif" width="12" height="756" rowspan="4" />
      </tr>
      <tr>
       <td background="images/menu_haut.jpg" width="211" height="54" />
       <td background="images/contenu_haut.jpg" width="765" height="54" />
      </tr>
      <tr>
        <td background="images/menu.jpg" width="211" height="378" />
    <div id="menu" />
    <div id="menu2">
              <h3><u>Présentation:</u></h3>
           <ul>
               <li><a href="tpe_histoire.html">Histoire d'Airbus</a></li><br />
           <i>-Description</i><br /><i><a href="tpe_autre-modeles.html">-Les autres modèles</a></i>
           </ul>


           <h3><u>Les composants:</u></h3>
           <ul>
               <li><a href="tpe_technologies.html">Les technologies utilisées</a></li>
               <li><a href="">Le corps de l'avion</a></li><br />
           <i><a href="tpe_fuselage.html">-Fuselage</a></i><br /><i>-Divers</i>
               <li>Les ailes</li>
               <li>L'empenage et la dérive</li>
               <li>Train d'atterissage</li><br />
           <i>-Train principal</i><br /><i>-Train avant</i><br /><i>-Les pneumatiques</i>
               <li>Moteur</li><br />
           <i>-Mat réacteur</i><br /><i>-Rolls-Royce</i><br /><i>-Engine Alliance</i>
           </ul>


           <h3><u>La fabrication:</u></h3>
           <ul>
               <li>Les lieux</li>
               <li>Les entreprises</li>
               <li>Le transport des élements</li>
             </ul>


           <h3><u>Les commandes:</u></h3>
           <ul>
               <li>Investissement</li>
               <li>Investisseurs</li>
               <li>Clients</li>
               <li>Livraisons</li>
           
           </ul>


           <h3><u>La finalisation:</u></h3>
           <ul>
               <li>Phase de test</li>
               <li>Assemblage</li>
               <li>Présentation officielle</li>
               <li>Les essais au sol du prototype</li>
               <li>Premier vol</li>
           
           </ul>


           <h3><u>Anecdotes:</u></h3>
           <ul>

           
           </ul>
    </div>
       <td background="images/contenu.jpg" width="765" height="378" />
    <div id="contenu" /> 
    <div id="contenu2">
    idjgiqdmjfgif<br />
    idjgiqdmjfgif<br />
    idjgiqdmjfgif<br />
    idjgiqdmjfgif<br />
    idjgiqdmjfgif<br />
    idjgiqdmjfgif<br />
    idjgiqdmjfgif<br />
    idjgiqdmjfgif<br />
    idjgiqdmjfgif<br />
    </div>
      </tr>
      <tr>
       <td background="images/footer.jpg" width="976" height="57" colspan="2" />
      </tr>
    </table>
    </body>
    </html>


    body
    {
     margin: 5px;
    }

    #menu
    {
     background-image: url("images/menu.jpg");
     background-repeat: repeat;
     width: 211px;
    }

    #menu2
    {
     padding-left: 2px;
     top: 5px;
    }

    #menu2 h3
    {
     text-align: center;
    }

    #contenu
    {
     background-image: url("images/contenu.jpg");
     background-repeat: repeat;
     width: 765px;
    }

    #contenu2
    {
     padding-left: 25px;
     top: 5px;
    }

    a
    {
     color: black;
     background-position:1% 50%;
    }


    Merci d'avance je ne sais plus quoi faire :euh:

    ps: si vous avez besoin des images je vous les enverraient.
    • Partager sur Facebook
    • Partager sur Twitter
    strucky
      13 avril 2006 à 14:08:39

      Salut,

      td{ vertical-align: top }
      • Partager sur Facebook
      • Partager sur Twitter
      devilspy
        13 avril 2006 à 14:32:35

        merciiiiiiiii beaucoups !!!!!

        c'est vrai que je n'avais jamais penser à faire sa :o

        tu me sauve la vie^^ merci à toi ;)

        ps: j'ai oublier de préciser comment sa ce fait que mes "é" et "è" soit remplacer par des "?" sous firefox et des signes japonais sous IE ?

        merci d'avance
        • Partager sur Facebook
        • Partager sur Twitter

        Problème de texte sur image :(

        × 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