28220 sujets

CSS et mise en forme, CSS3

Mettre sa propre largeur au cellule d un tableau

Salut,

Cela fait plusieurs jours que j essai de fixer les largeur des cellules de mon tableau à une certaine taille que je declare dans ma feuille de style mais je n y arrive pas .
Je commence à croire que c est impossible

ma css 
body{ 
background-color: silver; 
} 
table { 
border: medium solid white; 
border-collapse: collapse; 
border: silver; 
width: 50%; 
} 
.table1 { 
border: medium solid silver; 
border-collapse: collapse; 
width: 50%; 
} 
.th1 { 
font-family: verdana; 
border: thin solid silver; 
width: 280px; 
padding: 2px; 
font-size : 15px; 
background-color: #D0E3FA; 
background-image: url(sky.jpg); 
} 
.td1 { 
font-family: verdana; 
border: thin solid silver; 
width: 280px; 
padding: 2px; 
font-size : 13px; 
text-align: center; 
background-color: #ffffff; 
} 

caption { 
font-family: sans-serif; 
} 
.div1 { 
width:765px;  height:320px;  background:#888;  overflow:auto; 
}



Le code mon tableau

<DIV class="div1"> 
<? 

 ?> 
 <table class="table1"  > 
<tr> 
   <th class="th1" style="display:none">a</th> 
   <th class="th1" >b</th> 
        <th class="th1" style="display:none">c</th> 
        <th class="th1" style="display:none">d</th> 
        <th class="th1" style="display:none">e</th> 
   <th class="th1">N° Serie</th> 
   <th class="th1">N° Commande</th> 
   <th class="th1">Etat</th> 
   <th class="th1">Famille</th> 
   <th class="th1">Marque</th> 
   <th class="th1">Modele</th> 
   <th class="th1">N° Poste</th> 
   <th class="th1">Pole</th> 
   <th class="th1" colspan="2">Utilisateur</th>    

</tr> 


<? 
$i=0; 
while($list=pg_fetch_assoc($req)){ 
?> 


<tr class="white" onClick="blok(this, 'radio<? echo  $i ; ?>','radio2<? echo  $i ; ?>','radio3<? echo  $i ; ?>','radio4<? echo  $i ; ?>','radio5<? echo  $i ; ?>' );"> 
   <td class="td1" style="display:none"><input type="radio" name="a" id="radio<? echo $i ;?>" value="<? echo $list['numserie'];?>"></td> 
   <td  class="td1" ><input type="radio" name="b" id="radio2<? echo $i ;?>" value="<? echo $list['etat'];?>"></td> 
        <td  class="td1" style="display:none"><input type="radio" name="c" id="radio3<? echo $i ;?>" value="<? echo $list['numposte'];?>"></td> 
        <td  class="td1" style="display:none"><input type="radio" name="d" id="radio4<? echo $i ;?>" value="<? echo $list['numserie'];?>"></td> 
        <td  class="td1" style="display:none"><input type="radio" name="e" id="radio5<? echo $i ;?>" value="<? echo $list['code_pole'];?>"></td> 
   <td class="td1"><? echo $list['numserie'];?></td> 
   <td class="td1"><? echo $list['bon_commande'] ;?></td> 
   <td class="td1"><? echo $list['etat'] ;?></td> 
   <td class="td1"><? echo $list['type_objet'];?></td> 
   <td class="td1"><? echo $list['marque'];?></td> 
   <td class="td1"><? echo $list['modele'];?></td> 
   <td class="td1"><? echo $list['numposte'];?></td> 
   <td class="td1"><? echo $list['code_pole'];?></td> 
   <td class="td1"><? echo $list['nom_personnel'];?></td> 
   <td class="td1"><? echo $list['prenom'];?></td> 
</tr> 



<? 
$i=$i+1; 
} 
?> 

</table> 
</div>



Merci
Salut,

Je suis débutant en CSS mais je me risque quand même à te donner une réponse....Je vois que tu mets une valeur relative pour la largeur de ton tableau....

table {
border: medium solid white;
border-collapse: collapse;
border: silver;
width: 50%;


....et que tu essaies de donner une largeur fixe à tes cellules....Peut-être que le problème vient de là...

@+++
effectivement le probleme viens de la
mais le truc est que je voulais elargir mes cellules pour pouvoir eviter l affichage sur 2 ou ligne dans la meme cellule.
Et ce qui se passe est que mon tableau est alimenter à partir d une base de donnée et donc dans ma base j ai des element de se genre
xx-xx-xx
en panne

et dans les cellules j ai cela à l affichage
xx
-
xx
-
xx

en
panne

et donc meme en elargissant mes cellule sa ne resouds pas le probleme, donc je suis toujours au même point.

Mais merci quand même t avais vu juste
Sujet clos
Aller à