Bonjour, j'ai crée un tableau trois colonnes avec un div et un float left mais je n'arrive pas à gérer dynamiquement la hauteur de chaque colonne. Par exemple suivant les informations que je récupère de ma base de donnée, la deuxieme colonne sera plus grande ou plus petite que les deux autres. Je souhaite que les 3 aient la même hauteur. Voici une partie de mon script .php
C'est une fonction qui crée un élément et j'ai intégré le CSS dedans.
public function createElement(){
// on stocke le div ds une variable contenu
$categ=array(0=>''.$this->tab_texte[54].'', 1=>''.$this->tab_texte[55].'', 2=>''.$this->tab_texte[56].'');
$contenu='
<style type="text/css">
.el30{
border: 1px solid #CECECE;
width:231px;
float:left;
margin-left: 10px;
padding:5px;
font-family:verdana;
padding-top:0px;
padding-bottom:5px;
overflow:auto;
}
h1{
font-size:12px;
background-color:#cccccc;
margin-top:5px;
margin-bottom:2px;
}
a{
text-decoration:none;
color:blue;
font-family:verdana;
font-size:10px;
}
</style>
<div>';
foreach ($this->titres as $key=>$cat){
$contenu.='
<div class="el30"><h1><center>'.$categ[$key].'</center></h1>';
foreach($cat as $row){
// Nombre de caractère
$max=100;
if(strlen($row['ctitular'])>=$max)
{
// Met la portion de chaine dans $row['ctitular']
$row['ctitular']=substr($row['ctitular'],0,$max);
// position du dernier espace
$espace=strrpos($row['ctitular']," ");
// test si il ya un espace
if($espace)
// si ya 1 espace, coupe de nouveau la chaine
$row['ctitular']=substr($row['ctitular'],0,$espace);
// Ajoute ... à la chaine
$row['ctitular'] .= '...';
}
$contenu.='
<li><a href="'.$row['cnewsurl'].'">'.$row['ctitular'].' </a></li>';
}
$contenu.='</div>';
}
Voilà ce que ça me donne:
http://img515.imageshack.us/my.php?image=topnewski6.png
Partager