Partage
  • Partager sur Facebook
  • Partager sur Twitter

définir la largeur de colonnes stylesheet

31 janvier 2020 à 10:25:21

Bonjour,

j'ai fait un tableau en HTML et je voudrais fixé une largeur équivalente à chaque colonne.

Le problème est que je n'ai pas possibilité de mettre une feuille de style (Moodle).

J'ai essayé d'ajouter du code dans un attribut "style" mais ça n'a pas marché :

<table border="1">
   <tbody><tr>
      <th style="text-align: center; width: 600px;">BANQUE</th>
      <th style="text-align: center;">ECOLE</th>
      <th style="text-align: center;">TELEPHONE</th>
   </tr>
   <tr>
      <td>{1:SA:=*compte bancaire~=*carte bancaire~=*chéquier~=*relevé d'identité bancaire}</td>
      <td>{1:SA:=*Inscription administrative~=*Service scolaritée~=*Carte d’étudiant~=*Etablissement d’accueil~=*Vie d’étudiante~=*Université~=*Association étudiante~=*Service universitaire~=*SUAPS~=*étudiant}</td>
      <td>{1:SA:=*Connecter~=*Ligne téléphonique~=*Mobile~=*fixe~=*internet~=*Opérateurs~=*Bouygues~=*free~=*orange~=*sfr}</td>
   </tr>
</tbody></table>



  • Partager sur Facebook
  • Partager sur Twitter
3 février 2020 à 11:25:00

Hello,

Là en l’occurrence ça a très peu de chance de marcher, étant donné que tu définis uniquement la largeur du th banque, donc il faudrait vraiment un coup de bol monstrueux pour que chacune fassent la même largeur Si tu ne leur précise rien elle vont être naturellement en auto.

Tu peux utiliser la balise style pour définir les propriété css exactement comme tu le ferait dans une feuille à part. Donc dans un premier temps il faut donner la même propriété de largeur à tes th et td. Sachant que tu peux utiliser également des % si tu souhaite que ça s'adapte un peu plus, vu que tu es parti sur une taille fixe je te propose cette solution  :

		<style>
		table {
			width: 1800px;
			border:solid 1px black;
			
			}
		td,th{
				
				border:solid 1px black;
				width: 600px;
				height: auto;
				text-align: center;
			
			}
		
		
		</style>
		<table>
   <tr>
      <th>BANQUE</th>
      <th>ECOLE</th>
      <th>TELEPHONE</th>
   </tr>
   <tr>
	   
      <td>{1:SA:=*compte bancaire~=*carte bancaire~=*chéquier~=*relevé d'identité bancaire}</td>
      <td>{1:SA:=*Inscription administrative~=*Service scolaritée~=*Carte d’étudiant~=*Etablissement d’accueil~=*Vie d’étudiante~=*Université~=*Association étudiante~=*Service universitaire~=*SUAPS~=*étudiant}</td>
      <td>{1:SA:=*Connecter~=*Ligne téléphonique~=*Mobile~=*fixe~=*internet~=*Opérateurs~=*Bouygues~=*free~=*orange~=*sfr}</td>
   </tr>
</table>	



  • Partager sur Facebook
  • Partager sur Twitter