Mon template se déforme...

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Mon template se déforme...

    Bonjour à tous !

    Je viens de faire des modifications de css dans un article de mon site www.lokazionel.fr et voilà que mes colonnes de droites sont "poussées" en-dessous de l'espace principal.

    Mon template :

    Centre 520 px + Col droite 1 + Col droite 2

    Voici un extrait du code présent dans mon article "Gazette"

    Code:
    <table width="500">
    <tr><td>
    <!--EXPOSITION -->
    
    <?php
    
    include 'gazette/FonctionsGazette.php';
    
    $current = new DateTime();
    
    $db = mysql_connect("xxxxx", "xxxxx", "xxxxxx")
    
       or die("Impossible de se connecter : " . mysql_error());
    mysql_select_db('xxxxxxxx',$db);
    mysql_query("SET NAMES UTF8"); 
    $result = mysql_query('SELECT 
    `title` ,
    `datetext` ,
    `place` ,
    `linkplace` ,
    `website` ,
    `linkwebsite` ,
    `describe` ,
    `type` ,
    `date_tri`
    FROM `lokazionel1`.`event` WHERE type="Exposition" AND publier=1 ORDER BY date_tri  ');												
    $total = mysql_num_rows($result);
    while ($row = mysql_fetch_array($result)) {
    
    $date = new DateTime($row[8]);
    
    
    if ($date >= $current)
    {
    
    
    
    echo '<p  class="date">Jusqu\'au ';
    DateFrancais($date);
    
    echo '<img src="images/gazette/Exposition.gif" width="120" height="30" alt="Exposition" align="right"/></p>';
    
    echo '<p class="titreg">';
    echo $row[0];
    echo '</p>';
    echo '<p  class="dateg">';
    echo $row[1];
    echo ' à ';
    echo '<a href="';
    echo $row[3];
    echo '" target="_blank">';
    echo $row [2];
    echo '</a></p>
        
         <p  class="describeg">';
    	 echo $row[6];
    echo '<a href="';
    echo $row[5];
    echo '" target="_blank"> En savoir plus.</a></p>';
    
    }
    
    
    }
    
    mysql_free_result($result);
    mysql_close($db);
    ?>   
    </td></tr>
    </table>
    Et voilà le css correspondants
    Code:
    /*NOUVELLE GAZETTE*/
     
     p.date {
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    margin-left:15px;
    font-style:italic;
    color:#E53131;
    text-decoration: none;
    display : block;
    height: 10px;
    width:490px;
    }
    
     
     /*Colonne de gauche*/
    p.titreg {
    font-family: Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:bold;
    margin-left:15px;
    display : block;
    height: 10px;
    width:490px;
    
    }
    
    p.dateg {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    margin-left:15px;
    margin-right:30px;
    font-style:italic;
    color:#E53131;
    margin-top:1px;
    display : block;
    height: 10px;
    width:490px;
    
    }
    
    p.dateg a {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-style:italic;
    color:#E53131;
    text-decoration:underline;
    }
    	
    p.describeg {
    font-family:verdana, tahoma, Arial, Helvetica, sans-serif;
    font-size:16px;
    margin-left:15px;
    margin-right:30px;
    margin-bottom:3px;
    text-align:justify;
    padding-bottom:25px;
    }
    Ma question : Je ne trouve pas pourquoi mes col de droite descendent sous le "centre" ici : http://www.lokazionel.fr/fr/la-gazette.html ?

    En vous remerciant pour vos conseils !

  • #2
    Re : Mon template se déforme...

    3 raisons: soit la largeur totale est inferieure a largeur centre + largeur colonne droite.

    Soit tu as une div non férmée qui fout le boxon, soit une balise qui débordes et repousse les autres en bas car il n y as plus la place.

    Commentaire


    • #3
      Re : Mon template se déforme...

      Merci lefabdu51... J'avais effectivement une balise qui traînait... Mais à force de voir le code je ne la voyait plus !

      C'était une <table align="center"> non fermée qui devait mettre le bazar.

      Encore merci.

      A+

      www.lokazionel.fr

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X