Div dans table , html
arshi92
Messages postés
131
Date d'inscription
Statut
Membre
Dernière intervention
-
mr_demonicon Messages postés 828 Date d'inscription Statut Membre Dernière intervention -
mr_demonicon Messages postés 828 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je cherche a faire un programme assez simple. Une table avec une seule ligne et deux colonnes de différentes largeurs ( jusque là, impeccable ).
Ensuite je compte mettre dans chaque colonne des div d'une certaine largeur et d'une certaine hauteur. La couleur de fond du body étant grise, celle des div doit être blanche.
Mon problème c'est que je ne veux pas de marge entre le premier div et le haut du tableau. J'ai donc utiliser dans mon css margin-top:0px. Mais sa ne fonctionne pas. merci.
Mon fichier html:
<html>
<head>
<title>Accueil</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="gray">
<table align="center" width="700" height="1200">
<tr>
<td STYLE="background:gray" width="70%" >
<div id="art"> blabla <br> blabla <br> </div>
<div id="art"> blabla <br> blabla <br></div>
<div id="art"> blabla <br> blabla <br></div>
</td>
<td STYLE="background:gray">
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
</td>
</tr>
</table>
</body>
</html>
Mon fichier CSS:
@charset "utf-8";
/* CSS Document */
#art
{
width:475px;
height:380px;
background:white;
position:relative;
margin-left:0px;
margin-right:auto;
margin-top:0px;
margin-bottom:30px;
}
#info
{
width:195px;
height:160px;
background:white;
position:relative;
margin-left:auto;
margin-right:0px;
margin-top:0px;
margin-bottom:30px;
}
Merci à tous.
Je cherche a faire un programme assez simple. Une table avec une seule ligne et deux colonnes de différentes largeurs ( jusque là, impeccable ).
Ensuite je compte mettre dans chaque colonne des div d'une certaine largeur et d'une certaine hauteur. La couleur de fond du body étant grise, celle des div doit être blanche.
Mon problème c'est que je ne veux pas de marge entre le premier div et le haut du tableau. J'ai donc utiliser dans mon css margin-top:0px. Mais sa ne fonctionne pas. merci.
Mon fichier html:
<html>
<head>
<title>Accueil</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="gray">
<table align="center" width="700" height="1200">
<tr>
<td STYLE="background:gray" width="70%" >
<div id="art"> blabla <br> blabla <br> </div>
<div id="art"> blabla <br> blabla <br></div>
<div id="art"> blabla <br> blabla <br></div>
</td>
<td STYLE="background:gray">
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
<div id="info"> blabla <br> blabla <br></div>
</td>
</tr>
</table>
</body>
</html>
Mon fichier CSS:
@charset "utf-8";
/* CSS Document */
#art
{
width:475px;
height:380px;
background:white;
position:relative;
margin-left:0px;
margin-right:auto;
margin-top:0px;
margin-bottom:30px;
}
#info
{
width:195px;
height:160px;
background:white;
position:relative;
margin-left:auto;
margin-right:0px;
margin-top:0px;
margin-bottom:30px;
}
Merci à tous.
A voir également:
- Div dans table , html
- Table ascii - Guide
- Table des matières word - Guide
- Editeur html - Télécharger - HTML
- Table des caractères - Guide
- Table des figures google doc ✓ - Forum Word
1 réponse
simplement modifie ton height comme ca
Bonne continuation et n'oubliez pas le risque zéro c'est dans vos rêves.
#info
{
width:195px;
height:146px;
background:white;
position:relative;
margin-left:auto;
margin-right:0px;
margin-top:0px;
margin-bottom:30px;
Bonne continuation et n'oubliez pas le risque zéro c'est dans vos rêves.
arshi92
Messages postés
131
Date d'inscription
Statut
Membre
Dernière intervention
17
:-O .. Merci beaucoup sa fonctionne. Juste pour savoir, quel est l'astuce. Comment avez-vous calculer la taille qu'il fallait svp, afin que je puisse le faire de moi même une autre fois?
mr_demonicon
Messages postés
828
Date d'inscription
Statut
Membre
Dernière intervention
126
tu as des outils pour ca qui sont integre dans ton navigateur tu vas dans menu puis outils et enfin outils de developpement et puis il te donne plein d'info sur le padding margin height width et tout tres interressante pour la mise en forme moi ce que je fais c'est que j'ouvre dans une fenetre sur le cote gauche mon navigateur avec mon fichier index.html et de l'autre cote dans une autre fenetre mon notepad ou je cod et je recharge la page a chaque modification pour voir le changement et quoi rectifier (il faut faire pas a pas non pas foncer tete baissé sur le codage).
