Tableau html

Fermé
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - 22 sept. 2008 à 21:38
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - 25 sept. 2008 à 00:19
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
A voir également:

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>
0
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
22 sept. 2008 à 21:48
non cela ne marche pas
0
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
22 sept. 2008 à 22:07
personne ne peut m'aider???
0
valouxa Messages postés 75 Date d'inscription lundi 8 septembre 2008 Statut Membre Dernière intervention 4 août 2009
23 sept. 2008 à 00:35
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
23 sept. 2008 à 07:33
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
0
valouxa Messages postés 75 Date d'inscription lundi 8 septembre 2008 Statut Membre Dernière intervention 4 août 2009
23 sept. 2008 à 09:35
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>
++++++++++++++++++++++++++++++++++++++++++
0
Fricky42 Messages postés 466 Date d'inscription lundi 15 septembre 2008 Statut Membre Dernière intervention 27 mars 2012 182 > valouxa Messages postés 75 Date d'inscription lundi 8 septembre 2008 Statut Membre Dernière intervention 4 août 2009
23 sept. 2008 à 10:25
Il y a ca, oui. Mais si tu veux absolument une hauteur de tableau precise sache que par default l'alignement vertical du contenu d'un tableau est le centre.

Tu dois rajouter dans la balise td
valign="top"
.

Ainsi le contenu du tableau commencera obligatoirement a partir du haut de la cellule.
0
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
23 sept. 2008 à 13:33
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.
0
Fricky42 Messages postés 466 Date d'inscription lundi 15 septembre 2008 Statut Membre Dernière intervention 27 mars 2012 182
23 sept. 2008 à 13:47
essaye en mettant

style="border-collapse:collapse;"


dans la balise <table>
0
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é.
0
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
23 sept. 2008 à 18:53
non cela ne marche pas.

je ne vois d'ou cela peut venir.
0
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
23 sept. 2008 à 20:30
bsr

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
0
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 ?
0
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
25 sept. 2008 à 00:19
attend, cela fait même pas un mois que j'ai commencé.
0