28220 sujets

CSS et mise en forme, CSS3

Bonsoir,

J'ai un souci avec un tableau, quand je redimensionne le navigateur, j'aimerais que les lignes du tableau s'adaptent et passent en multi-lignes afin de s'adapter à la nouvelle taille du navigateur (dans le cas d'une réduction)

J'utilise le code suivant :


table {
font-family: Arial, Helvetica, sans-serif;
border:3px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}
th {
border:1px dotted #6495ed;
padding:5px;
background-color:#7BB2CE;
color : #ffffff;
width:20%;
}
td {
font-size:80%;
border:1px solid #6495ed;
padding:5px;
text-align:center;
width:20%;
height:inherit;
}


Quelqu'un a une idée ?
Modifié par laurent_31 (29 Nov 2005 - 21:19)
En fait j'ai oublié de préciser que le contenu des cellules est issue d'une requête, dont voici le code :

<table>
  <tr> 
	<th></th>
	<th>Login</th>
	<th>Nom</th>
	<th>Prenom</th>
	<th>E-mail</th>
	<th>Telephone</th>
	<th>Droit R&eacute;servation</th>
	<th>Droit<br/>Ressource</th>
	<th>Droit Compte</th>
  </tr>
<?php
affCompte($user);
?>
  <tr>
	<th>
		<input type="radio" name="login" value="_ajout"  <?php if ($user == "_ajout") print " checked "; ?> 
			onClick="document.compte.submit()" >
	</th>
	<th colspan="8">Ajouter un utilisateur</th>
  </tr>
</table>


et le code de affCompte :


	while( $ligne = mysql_fetch_array($result))
	{
		$reserv=($ligne['DroitReserv'] == 1)?"X":'&nbsp;';
		$compte=($ligne['DroitCompte'] == 1)?"X":'&nbsp;';
		$ressource=($ligne['DroitRessource'] == 1)?"X":'&nbsp;';

		if ($ligne['Activation'] == 0)
			print '<tr id="notactiv">';
		else
			print "<tr>";
				print '<td><input type="radio" name="login" value="'.$ligne['Login'].'"';
				if ($user == $ligne['Login']) print " checked ";
				print 'onClick="document.compte.submit()" ';
				print '>';
			    print '<td>'.$ligne['Login'].'</td>';
		    	print '<td>'.$ligne['Nom'].'</td>';
			    print '<td>'.$ligne['Prenom'].'</td>';
			    print '<td>'.$ligne['Mail'].'</td>';
		    	print '<td>'.$ligne['Tel'].'</td>';
			    print '<td>'.$reserv.'</td>';
			    print '<td>'.$ressource.'</td>';
			    print '<td>'.$compte.'</td>';
			print "</tr>";
	}


Je sais pas si avec ca les cellules peuvent se redimensionner ?
En fait c'est normal, j'ai un champ adresse email : celui ne contient pas d'espace, donc pas de retour à la ligne Smiley decu

Si quelqu'un sait comment forcer un retour à la ligne, je suis preneur