Tableau html
tipi75
Messages postés
723
Statut
Membre
-
tipi75 Messages postés 723 Statut Membre -
tipi75 Messages postés 723 Statut Membre -
Bonsoir,
J'ai un soucis j'ai fais un tableau sauf que le tableau est espacé avec le titre. Il y a un blanc, je voudrais remonter le tableau en haut de page afin que le titre soit juste au dessus du tableau. Par soucis de confidentialité je vous met un bout de mon code:
table align="center" border="0" width="50%" height="100%">
<font face="century gothic"><H1><caption><p align="center">DEVELOPPEUR D'APPLICATION</p></caption></h1></font>
<tr> <th colspan="2" bgcolor="#355c71"><font size="5">Domaines requis en Informatique</font></th></tr>
Entre le titre "développeur d'application" et "Domaine requis en informatique" j'ai un gros espace mais je n'arrive pas à le supprimer.
Merci pour votre aide
J'ai un soucis j'ai fais un tableau sauf que le tableau est espacé avec le titre. Il y a un blanc, je voudrais remonter le tableau en haut de page afin que le titre soit juste au dessus du tableau. Par soucis de confidentialité je vous met un bout de mon code:
table align="center" border="0" width="50%" height="100%">
<font face="century gothic"><H1><caption><p align="center">DEVELOPPEUR D'APPLICATION</p></caption></h1></font>
<tr> <th colspan="2" bgcolor="#355c71"><font size="5">Domaines requis en Informatique</font></th></tr>
Entre le titre "développeur d'application" et "Domaine requis en informatique" j'ai un gros espace mais je n'arrive pas à le supprimer.
Merci pour votre aide
A voir également:
- Tableau html
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Editeur html - Télécharger - HTML
- Imprimer un tableau excel - Guide
11 réponses
essaie de quoi du genre
<table align="center" border="0" width="50%" height="100%">
<tr><td valign="top">
<font face="century gothic"><H1><caption><p align="center">DEVELOPPEUR D'APPLICATION</p></caption></h1></font>
</tr><td>
<tr><td valign="top" bgcolor="#355c71">
<font size="5">Domaines requis en Informatique</font></td></tr></table>
<table align="center" border="0" width="50%" height="100%">
<tr><td valign="top">
<font face="century gothic"><H1><caption><p align="center">DEVELOPPEUR D'APPLICATION</p></caption></h1></font>
</tr><td>
<tr><td valign="top" bgcolor="#355c71">
<font size="5">Domaines requis en Informatique</font></td></tr></table>
slt
mé c'est normale tu fait le 1er titre entre la balise caption
et le 2 eme dans le tableau
donc c'est normale d'avoir ce décalage mé si tu m'explique mieux ton soicis je px t'aide
mé c'est normale tu fait le 1er titre entre la balise caption
et le 2 eme dans le tableau
donc c'est normale d'avoir ce décalage mé si tu m'explique mieux ton soicis je px t'aide
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
pour moi il n'y a qu'un titre.C'est développeur d'Application. En fait, entre le titre "développeur d'application" et "domaine requis en informatique" il y a un trop grand espace entre les deux. "domaine......" il doit être dans le tableau. Je t'envoie un peu plus mon code:
<font face="century gothic"><H1><caption><p align="center">DEVELOPPEUR D'APPLICATION</p></caption></h1></font>
<table align="center" border="0" width="50%" height="100%">
<tr> <th colspan="2" bgcolor="#355c71"><font size="5">Domaines requis en Informatique</font></th></tr>
<tr> <td><b><font size="05" color="#330000">Analyse</font></b></td> <td><b><i>Merise (MCD et MCT)</b></i></td></tr>
<tr> <td><b><font size="05" color="#330000">Développement web</td> <td><b><i>PHP, JAVASCRIPT, HTML, CSS avec MySQL</b></i></td></tr>
<tr> <td><b><font size="05" color="#330000">Développement d'application</td> <td><b><i>Visual Studio (VC#, ADO.Net)</b></i></td></tr>
<tr> <td><b><font size="05" color="#330000">Gestion de base de données</td> <td><b><i>Oracle (SQL, PL/SQL), My SQL</b></i></td></tr>
voilà......
j'attends avec impatience les réponses;
merci
<font face="century gothic"><H1><caption><p align="center">DEVELOPPEUR D'APPLICATION</p></caption></h1></font>
<table align="center" border="0" width="50%" height="100%">
<tr> <th colspan="2" bgcolor="#355c71"><font size="5">Domaines requis en Informatique</font></th></tr>
<tr> <td><b><font size="05" color="#330000">Analyse</font></b></td> <td><b><i>Merise (MCD et MCT)</b></i></td></tr>
<tr> <td><b><font size="05" color="#330000">Développement web</td> <td><b><i>PHP, JAVASCRIPT, HTML, CSS avec MySQL</b></i></td></tr>
<tr> <td><b><font size="05" color="#330000">Développement d'application</td> <td><b><i>Visual Studio (VC#, ADO.Net)</b></i></td></tr>
<tr> <td><b><font size="05" color="#330000">Gestion de base de données</td> <td><b><i>Oracle (SQL, PL/SQL), My SQL</b></i></td></tr>
voilà......
j'attends avec impatience les réponses;
merci
regrde ça et dis moi est ce que cala de koi tu cherche
+++++++++++++++++++++++++++++++++++++++++
<html>
<head></head>
<body>
<br><br>
<table align="center" border="0" bgcolor="#355c71" width="50%">
<caption><font color="red" face="verdana">DEVELOPPEUR D'APPLICATION</font></caption>
<tr><th>Domaines requis en Informatique</th></tr>
<tr><td align="center"><font size="05" color="#808000">Analyse</font></td></tr>
<tr><td align="center"><font size="05" color="#808000">Développement web</font></td></tr>
<tr><td align="center"><font size="05" color="#808000">Développement d'application</font></td></tr>
<tr><td align="center"><font size="05" color="#808000">Gestion de base de données</font></td></tr></table>
</body>
</html>
++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++
<html>
<head></head>
<body>
<br><br>
<table align="center" border="0" bgcolor="#355c71" width="50%">
<caption><font color="red" face="verdana">DEVELOPPEUR D'APPLICATION</font></caption>
<tr><th>Domaines requis en Informatique</th></tr>
<tr><td align="center"><font size="05" color="#808000">Analyse</font></td></tr>
<tr><td align="center"><font size="05" color="#808000">Développement web</font></td></tr>
<tr><td align="center"><font size="05" color="#808000">Développement d'application</font></td></tr>
<tr><td align="center"><font size="05" color="#808000">Gestion de base de données</font></td></tr></table>
</body>
</html>
++++++++++++++++++++++++++++++++++++++++++
oui mais ce n'est pas le contenu de la cellule que je veux bouger. C'est l'ensemble du tableau que je veux bouger.
Merci d'avance.
Merci d'avance.
Le problème est là : ton texte est dans un balise <p>
Cette balise génère automatiquement une ligne avant et une ligne après ton texte pour l'isoler en un paragraphe ("p" comme "paragraph"...). Voilà pourquoi tu as plein d'espace autour de ton texte.
Remplace la balise <p> par une balise <div>, qui ne fait rien, en dehors du centrage que tu lui appliqueras.
Ca donneras un truc comme ça : <div align="center">TON TEXTE</div>
Ca t'éviteras d'utiliser <p> que certains éditeurs HTML utilisent encore pour pouvoir faire passer l'alignement centré.
Cette balise génère automatiquement une ligne avant et une ligne après ton texte pour l'isoler en un paragraphe ("p" comme "paragraph"...). Voilà pourquoi tu as plein d'espace autour de ton texte.
Remplace la balise <p> par une balise <div>, qui ne fait rien, en dehors du centrage que tu lui appliqueras.
Ca donneras un truc comme ça : <div align="center">TON TEXTE</div>
Ca t'éviteras d'utiliser <p> que certains éditeurs HTML utilisent encore pour pouvoir faire passer l'alignement centré.
bsr
Et pourquoi pas utiliser le CSS pour supprimer toutes les marges et padding ?
Et simplifier ton code bcp trop surchargé ;-) T'Oh !
Ex :
Nota : la bordure dans le body sert uniquement ici à bien se rendre compte de l'espacement existant
Et pourquoi pas utiliser le CSS pour supprimer toutes les marges et padding ?
Et simplifier ton code bcp trop surchargé ;-) T'Oh !
Ex :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="fr" lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style>
body
{
margin : 8px;
padding : 0px;
border-style : solid;
border-width : 1px;
}
caption.titre
{
margin : 0;
padding : 0;
}
caption.titre h1
{
margin : 0;
padding : 0;
text-align : center;
font-family : "century gothic";
}
</style>
</head>
<body>
<table align="center" border="0" width="50%" height="100%">
<caption class="titre"><h1>DEVELOPPEUR D'APPLICATION</h1></caption>
<tr>
<th colspan="2" bgcolor="#355c71"><font size="5">Domaines requis en Informatique</font></th>
</tr>
</table>
</body>
</html>
Nota : la bordure dans le body sert uniquement ici à bien se rendre compte de l'espacement existant
Hum, je viens de regarder le reste de ton code, pas seulement le caption.
C'est un peu la cata, dis-donc.
1. Tu déclares une police qui n'est pas disponible sur toutes les machines. Century Gothic ne fait pas partie du jeu de police standard. On verra donc du Times (police par défaut) sur la plupart des postes.
2. Ta balise <caption> est en dehors de la table, alors qu'elle devrai se situer à l'intérieur. Voici une table simple :
<table width="500" border="2" cellspacing="0" cellpadding="0">
<caption>
Ceci est le titre du tableau
</caption>
<tr>
<td>ligne 1, case 1</td>
<td>ligne 1, case 2</td>
</tr><tr>
<td>ligne 2, case 1</td>
<td>ligne 2, case 2</td>
</tr>
</table>
3. Dans toutes tes deuxièmes cases, tu as mal imbriqué les balises <b> et <i>. Il faut que la dernière balise ouverte soit la première refermées. Exemple :
<b><i>Oracle (SQL, PL/SQL), My SQL</b></i> <------ mauvais !
<b><i>Oracle (SQL, PL/SQL), My SQL</i></b> <------ bon.
En résumé, un gros nettoyage serai bienvenue. Tu es sur de faire du développement web ?
C'est un peu la cata, dis-donc.
1. Tu déclares une police qui n'est pas disponible sur toutes les machines. Century Gothic ne fait pas partie du jeu de police standard. On verra donc du Times (police par défaut) sur la plupart des postes.
2. Ta balise <caption> est en dehors de la table, alors qu'elle devrai se situer à l'intérieur. Voici une table simple :
<table width="500" border="2" cellspacing="0" cellpadding="0">
<caption>
Ceci est le titre du tableau
</caption>
<tr>
<td>ligne 1, case 1</td>
<td>ligne 1, case 2</td>
</tr><tr>
<td>ligne 2, case 1</td>
<td>ligne 2, case 2</td>
</tr>
</table>
3. Dans toutes tes deuxièmes cases, tu as mal imbriqué les balises <b> et <i>. Il faut que la dernière balise ouverte soit la première refermées. Exemple :
<b><i>Oracle (SQL, PL/SQL), My SQL</b></i> <------ mauvais !
<b><i>Oracle (SQL, PL/SQL), My SQL</i></b> <------ bon.
En résumé, un gros nettoyage serai bienvenue. Tu es sur de faire du développement web ?
