Partage
  • Partager sur Facebook
  • Partager sur Twitter

Alignement texte

HELP

    3 mars 2006 à 10:37:20

    Salut tout le monde !

    Eh bien voilà, regardez http://fcs4r.c.la !

    Vous remarquez dans la partie "News" que les titres des news comme "La partie "portraits est ouverte" est mis sur 3 lignes !!!

    Ce que j'aimerai c'est qu'il soit centré et sur 1 ligne

    Voici mes sources :

    Citation : XHTML

    <!DOCTYPE html PUBLIC "-//WC3//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>
    <base href="http://www.kokoom.com/fcs4r/xhtml/">
    <title>Bienvenue sur FCS4R-junior c</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" media="screen"
    type="text/css" title="Design web"
    href="../css/css_news.css" />
    </head>
    <body>
    <div id="en_tete">
    </div>
    <div id="menu">
    <div class="element_menu">
    <h3>Menu</h3>
    <ul>
    <li><a href="accueil.html">Accueil</a></li>
    <li><a href="news.html">News</a></li>
    <li><a href="photos.html">Photos</a></li>
    <li><a href="portraits.html">Portraits</a></li>
    <li><a href="classement.html">Classement<br /></a></li>
    <li><a href="calendrier.html">Calendrier<br /></a></li>
    </ul>
    </div>
    <div class="element_menu">
    <h3>Liens</h3>
    <ul>
    <li><a href="http://fcsaillon.over-blog.com">Blog<br /></a></li>
    <li><a href="http://www.saillon.name/fr/">Saillon<br /></a></li>
    <li><a href="http://www.bainsdesaillon.ch/">Bains<br /></a></li>
    <li><a href="http://www.football.ch/">Football CH<br /></a></li>
    <li><a href="http://www.ovronnaz.ch/">Ovronnaz<br /></a></li>
    </ul>
    </div>
    </div>

    <div id="corps">
    <h2><em>News</em></h2>
    <table>
    <tr>
    <th class="titre1">La partie "portraits" est ouverte</th>
    <th class="date1">02.03.06</th>
    </tr>
    <tr>
    <td colspan="2"><strong>Enfin !!!<br />
    Eh oui la partie "Les Portraits" est enfin ouverte<br />
    Lorsque vous cliquez sur les joueurs,<br />
    patientez quelques secondes pour voir apparaitre<br />
    la photo grand-format.<br />
    La partie "Les Photos" sera disponible dans un temps<br />
    indéterminé !<br />
    Bonne visite sur le site !
    </td>
    </table>
    <br /> <br />
    <table>
    <tr>
    <th class="titre1">Astuces de l'équipe</th>
    <th class="date1">24.02.06</th>
    </tr>
    <tr>
    <td colspan="2"><strong>Important !!!<br />
    Samedi, un tournoi a Martigny a été organisé !<br />
    Résultat: AVANT DERNIER !!!!<br />
    Tous les fans de l'équipe se sont posés des questions<br />
    sur les joueurs...<br />
    Mais Maël Cheseaux annonce peu après leur défaite ceci :<br />
    "Nous avons jouer tactique !! Nous avons fait exprès de perdre<br />
    pour que les équipes adverses viennent au championnat décontractées<br />
    en se disant : On a gagné contre le FCS4R ça va être de la rigolade maintenant.<br />
    Et c'est la que le FCS4R vont les écraser !!"<br />
    Ils nous surprendrons toujours ces joueurs...<br />
    </td>
    </table>
    <br /> <br />
    <table>
    <tr>
    <th class="titre2">Ouverture du site</th>
    <th class="date2">22.02.06</th>
    </tr>
    <tr>
    <td colspan="2"><strong>Le site a enfin ouvert ses portes ! <br />
    Visitez le et n'hésitez pas à envoyer des photos ou autre de l'équipe a l'adresse suivante:
    xeaper@hotmail.com<br />
    Bonne Visite...
    <br />
    <br />
    Luisier Michel "Xeaper"</strong></td>
    </table>
    </div>
    <div id="pied_de_page">
    <p>Copyright "FC4R-junior c" 2006, tous droits réservés, créé par Luisier Michel "Xeaper"</p>
    </div>
    </body>
    </html>



    Citation : CSS

    body
    {
    width: 760px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: rgb(64,0,0);
    }
    #en_tete
    {
    width: 750px;
    height: 160px;
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    margin-bottom: 17px;
    border: 5px solid black;
    }
    #menu
    {
    float: left;
    width: 120px;
    }
    .element_menu
    {
    background-color: rgb(128,0,0);
    border: 5px solid black;
    margin-bottom: 20px;
    }
    .element_menu h3
    {
    color: rgb(100,180,60);
    font-family: Arial;
    text-align: center;
    text-decoration: underline;
    }
    .element_menu a
    {
    color: green;
    text-decoration: none;
    font-weight: bold;
    }
    .element_menu a:hover
    {
    background-color: rgb(100, 250, 60);
    color: black;
    }
    #corps
    {
    margin-left: 140px;
    margin-bottom: 20px;
    padding: 5px;
    color: green;
    background-color: rgb(128,0,0);
    border: 5px solid black;
    }
    #corps h2
    {
    font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
    height: 50px;
    text-align: center;
    text-decoration: underline;
    }
    #pied_de_page
    {
    margin-left: 140px;
    margin-bottom: 20px;
    padding: 5px;
    color: green;
    background-color: rgb(128,0,0);
    border: 5px solid black;
    font-weight: bold;
    }
    #corps h4
    {
    font-family:"Trebuchet MS", Times, "Times New Roman", serif;
    text-align: center;
    }
    ul
    {
    list-style-image: url("../images/ballon.jpg");
    padding-left: 0px;
    margin-left: 32px;
    }

    table
    {
    margin: auto;
    border: 4px outset green;
    border-collapse: collapse;
    width: 500px;
    }
    th
    {
    background-color: #006600;
    color: white;
    font-size: 1.1em;
    font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
    border: 1px solid black;
    }
    td
    {
    border: 1px solid black;
    font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
    text-align: center;
    padding: 5px;
    background-color: #006600;
    color: yellow;
    }
    .titre1
    {
    text-align: center;
    width: 150px;
    padding-left: 130px;
    }
    .titre2
    {
    text-align: center;
    padding-left: 130px;
    width: 190px;
    }




    Voilà merci d'avance ;)
    • Partager sur Facebook
    • Partager sur Twitter
      3 mars 2006 à 13:06:10

      Lut

      Moi j'ai changé ça et ça marchait bien...
      .titre1
      {
      width: 400px;
      }
      .titre2
      {
      width: 400px;
      }


      Mais pourquoi avoir deux class titre? Sinon tu connais les balises "th"? (sinon t'es sur de vouloir faire un design en tableau?)
      • Partager sur Facebook
      • Partager sur Twitter
        3 mars 2006 à 16:23:23

        Ok super ca marche enfin merci beaucoup ;)
        • Partager sur Facebook
        • Partager sur Twitter

        Alignement texte

        × 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