Partage

séparer des colonnes html css

12 mars 2018 à 7:38:57

Bonjour,  j'aimerais séparer les deux colonnes  test 1 et test 2 :

tout en gardant coller les cellules qui se situent en dessous, comment faire svp ?

Voici mon code :

<html>
   <head>
       <title> TEST </title>
       <link href="test.css" rel="stylesheet" media="all" type="text/css" />
       <meta charset="utf-8">
   </head>
   <body>
    <table >
  <tr>
    <th> TEST 1 </th>
    <th>   TEST 2</th>
  </tr>
  <tr>
    <td></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    
  </tr>
</table>
 
 
 


   </body>
</html>

css:

table{
	width: 50%;
    border-collapse: collapse;
    height: 50%;

}

th{
	border: 2px solid red;

}

td{

	border: 2px solid red;
}



Staff 12 mars 2018 à 8:29:48

Bonjour,

qu'est-ce que tu entends par "séparer" ici ? Tu peux faire un schéma de ce que tu veux obtenir ?

Ensuite : quel contenu va-t-il y avoir dans ton tableau ? Attention à ne pas utiliser <table> pour faire de la mise en page :)

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
12 mars 2018 à 8:50:35

En gros ça ^^ :

à l'intérieur je vais créer un formulaire d'inscription, à la fin ça doit ressembler à ça :

mais c'est mal fais, ce que je veux dire par là c'est que dés le moment ou je réduis ma page voilà ce qu'il se passe :

tout par en n'importe comment , les éléments sortent de la boîte et c'est moche..

sinon je peux te donner  le code de ce formulaire que j'ai fais pour que tu voit ce qui ne va pas et me dire pourquoi tout par en n'importe comment ?

-
Edité par FarCry 12 mars 2018 à 8:53:28

Staff 12 mars 2018 à 9:14:29

Donc je confirme : n'utilise pas <table> pour ça.

Des div toutes simples, et une grille avec gouttière (comme tu peux en avoir avec https://knacss.com/grillade/ par exemple) suffiront.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!

séparer des colonnes html css

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown