Tableau HTML

Aragorn001 Messages postés 101 Statut Membre -
sofiane - 19 juin 2010 à 09:07

Bonjour,

J'ai inséré dans la page d'accueil d'un site un tableau récapitulatif.

Le problème lorsque ce tableau est affiché est que j'ai un espace blanc au-dessus du tableau.

Comment est-il possible de le supprimer ?

Voici une partie du code pour infos

<center><table border=3>
<tr><th><b>Inscrits</b></th><th></th><th><b>A confirmer</b></th><th></th><th><b>En attente</b></th></tr>
<tr><td colspan =5></td></tr>
<tr><td>Big Boys</td><td></td><td>Les Galacticas</td><td></td><td>AS Gibecq</td></tr>

...

</table></center>

D'avance merci pour vos conseils

Afficher la suite

A voir également:

Tableau HTML
Tableau word - Guide
Trier tableau excel - Guide
Editeur html - Télécharger - HTML
Imprimer un tableau excel - Guide
Tableau croisé dynamique - Guide

3 réponses

Réponse 1 / 3
sofiane

border = 2

border = 1

border = 0, tu dois régler la bordure de ton tableau
0
1. Aragorn001 Messages postés 101 Statut Membre 1
  
  Oui ???
  
  Effectivement j'ai "border" dans mes tags mais le problème (pour moi) n'est pas là.
  
  Lorsque je veux par ex insérer du texte, si je ne spécifie rien, mon texte est aligné en haut de la page.
  
  Ici ce n'est pas le cas, mon tableau est aligné en bas de page et j'ai un espace blanc entre le haut de ma page et le tableau.
  
  Voici le lien pour une meilleure visualisation : http://www.camfa.be/archives.php?annee=2010&mois=6
  
  Fab
  
  0
Réponse 2 / 3
sofiane

Sur le lien HTML communiqué,

Entre les lignes 110 et 190, il faut modifier et mettre ce qui suit :

<CENTER>
<TABLE border=3>
<TBODY>
<TR>
<TH><B>Inscrits</B></TH>
<TH><B>A confirmer</B></TH>
<TH><B>En attente</B></TH></TR>
<TR>
<TD colSpan=5></TD></TR>
<TR>
<TD>Big Boys</TD>
<TD>Les Galacticas</TD>
<TD>AS Gibecq</TD></TR>
<TR>
<TD>HAS Team</TD>
<TD>Athletic Enghien</TD>
<TD>BSF Team</TD></TR>
<TR>
<TD>Mfc Fultech A</TD>
<TD rowspan="16"></TD>
<TD>Epsilon</TD></TR>
<TR>
<TD>Golden Titjes</TD>
<TD>Ghislenghien Barrière</TD></TR>
<TR>
<TD>Reds United Tubize</TD>
<TD>Herakles</TD></TR>
<TR>
<TD>Toyota Team</TD>
<TD>Les Criquets</TD></TR>
<TR>
<TD>Mfc Fultech B</TD>
<TD>Les Touristes</TD></TR>
<TR>
<TD rowspan="11"></TD>
<TD>Mfc Lumis</TD></TR>
<TR>
<TD>Mfc Ortap B</TD></TR>
<TR>
<TD>Oasis</TD></TR>
<TR>
<TD>Ortap Meslinoise</TD></TR>
<TR>
<TD>Pavillon A</TD></TR>
<TR>
<TD>Pavillon B</TD></TR>
<TR>
<TD>Red Scorpions</TD></TR>
<TR>
<TD>SM Olympic</TD></TR>
<TR>
<TD>Square Team</TD></TR>
<TR>
<TD>Tcho Team</TD></TR>
<TR>
<TD>United</TD></TR></TBODY></TABLE><BR></CENTER>

et là faut que tu testes.
0
1. Aragorn001 Messages postés 101 Statut Membre 1
  
  Re,
  
  Voilà j'ai testé ! Malheureusement l'effet attendu est inverse.
  
  Tu peux voir via le lien précédent qu'il y a encore plus d'espace entre le haut de la page et le tableau :-(
  
  Est-ce que ça ne viendrait pas de la conception du site même ???
  
  0
Réponse 3 / 3
sofiane

si tu fais les modifcations elles marchent bien :

fais copier-coller sur 1 fichier html et tu verras tout est ok :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML><HEAD><TITLE>Le Site officiel du CAMFA</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE type=text/css>BODY {
BACKGROUND-COLOR: #000033
}
.Style3 {
FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.Style8 {
FONT-SIZE: 14px
}
.Style9 {
FONT-WEIGHT: bold; COLOR: #ffffff
}
.Style10 {
COLOR: #ffffff
}
</STYLE>
<LINK href="Le%20Site%20officiel%20du%20CAMFA_fichiers/stylecamfa.css"
type=text/css rel=stylesheet>
<STYLE type=text/css>.Style11 {
COLOR: #ff0000; FONT-STYLE: italic
}
.Style12 {
FONT-FAMILY: Arial, Helvetica, sans-serif
}
</STYLE>

<META content="MSHTML 6.00.6000.16916" name=GENERATOR></HEAD>
<BODY>
<DIV align=center>
<TABLE width=800 bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD colSpan=3>
<DIV align=center><IMG height=130
src="Le%20Site%20officiel%20du%20CAMFA_fichiers/Logook.jpg" width=800
border=0></DIV></TD></TR>
<TR>
<TD colSpan=3>
<TABLE height=20 width=800 border=0>
<TBODY>
<TR>
<TD>
<DIV class="Style1 Style2" align=center><A id=liensite
href="http://www.camfa.be/index.php">Accueil</A> | <A id=liensite
href="http://www.camfa.be/forum.php">Forum</A> | <A id=liensite
href="http://www.camfa.be/calendrier.php">Calendrier</A> | <A
id=liensite href="http://www.camfa.be/resultats.php">Résultats</A> |
<A id=liensite href="http://www.camfa.be/cartes.php">Cartes</A> | <A
id=liensite
href="http://www.camfa.be/suspension.php">Suspensions</A> | <A
id=liensite href="http://www.camfa.be/equipe.php">Equipes</A> | <A
id=liensite href="http://www.camfa.be/coupe.php">Coupe</A> | <A
id=liensite
href="http://www.camfa.be/documents.php?action=5">Documents</A> | <A
id=liensite
href="http://www.camfa.be/admin/indexadmin.php">Administration</A></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=Style3 colSpan=3>
<DIV align=center></DIV></TD></TR>
<TR>
<TD class=Style3 vAlign=top width=100>
<DIV align=center>
<TABLE id=connect cellSpacing=0 width="100%" borderColorLight=#666666
border=1>
<TBODY>
<TR>
<TD borderColorLight=#666666 bgColor=#000033 height=20><SPAN
class=Style10>Espace Membre </SPAN></TD></TR>
<TR>
<TD>
<DIV align=center><A id=liensitemenu
href="http://www.camfa.be/inscription.php">S'inscrire</A> </DIV>
<DIV align=center><A id=liensitemenu
href="http://www.camfa.be/login.php">Se connecter</A> </DIV>
<DIV align=center><A id=liensitemenu
href="http://www.camfa.be/index.php">Se déconnecter</A></DIV>
<DIV align=center><A id=liensitemenu
href="http://www.camfa.be/nolog.php">Mon
compte</A></DIV></TD></TR></TBODY></TABLE><BR>
<TABLE id=connect cellSpacing=0 width="100%" borderColorLight=#666666
border=1>
<TBODY>
<TR>
<TD borderColorLight=#666666 bgColor=#000033 height=20>
<DIV align=center><SPAN
class=Style10>Identification</SPAN></DIV></TD></TR>
<TR>
<TD>
<DIV id=site align=center><B><FONT color=#000033>Non Connecté
</FONT></B></DIV></TD></TR></TBODY></TABLE>
<P></P></DIV></TD>
<TD vAlign=top width=600>
<TABLE cellSpacing=0 width="100%" align=center bgColor=#000033
borderColorLight=#666666 border=1>
<TBODY>
<TR>
<TD class=Style3 height=20>
<DIV class="Style8 Style9" align=center>Archives - Communications
Officielles - Année 2010</DIV></TD></TR></TBODY></TABLE><BR>
<TABLE id=tableaucommunication width="90%" border=0>
<TBODY>
<TR>
<TD><STRONG>Titre : Inscriptions</STRONG></TD></TR>
<TR>
<TD><BR>
<CENTER>
<TABLE border=3>
<TBODY>
<TR>
<TH><B>Inscrits</B></TH>
<TH><B>A confirmer</B></TH>
<TH><B>En attente</B></TH></TR>
<TR>
<TD colSpan=5></TD></TR>
<TR>
<TD>Big Boys</TD>
<TD>Les Galacticas</TD>
<TD>AS Gibecq</TD></TR>
<TR>
<TD>HAS Team</TD>
<TD>Athletic Enghien</TD>
<TD>BSF Team</TD></TR>
<TR>
<TD>Mfc Fultech A</TD>
<TD rowspan="16"></TD>
<TD>Epsilon</TD></TR>
<TR>
<TD>Golden Titjes</TD>
<TD>Ghislenghien Barrière</TD></TR>
<TR>
<TD>Reds United Tubize</TD>
<TD>Herakles</TD></TR>
<TR>
<TD>Toyota Team</TD>
<TD>Les Criquets</TD></TR>
<TR>
<TD>Mfc Fultech B</TD>
<TD>Les Touristes</TD></TR>
<TR>
<TD rowspan="11"></TD>
<TD>Mfc Lumis</TD></TR>
<TR>
<TD>Mfc Ortap B</TD></TR>
<TR>
<TD>Oasis</TD></TR>
<TR>
<TD>Ortap Meslinoise</TD></TR>
<TR>
<TD>Pavillon A</TD></TR>
<TR>
<TD>Pavillon B</TD></TR>
<TR>
<TD>Red Scorpions</TD></TR>
<TR>
<TD>SM Olympic</TD></TR>
<TR>
<TD>Square Team</TD></TR>
<TR>
<TD>Tcho Team</TD></TR>
<TR>
<TD>United</TD></TR></TBODY></TABLE><BR></CENTER>
<BR></CENTER> <SPAN
class=Style11><BR><BR>Par : Fab (Administrateur) </SPAN></TD></TR>
<TR>
<TD><EM>Valable du 19-06-2010 au 19-06-2010 -- composée le :
19-06-2010 </EM></TD></TR></TBODY></TABLE><BR>
<TABLE id=tableaucommunication width="90%" border=0>
<TBODY>
<TR>
<TD><STRONG>Titre : Inscriptions</STRONG></TD></TR>
<TR>
<TD><BR>
<DIV align=center>
<TABLE border=3>
<TBODY>
<TR>
<TH><B>Inscrits</B></TH>
<TH><B>A confirmer</B></TH>
<TH><B>En attente</B></TH></TR>
<TR>
<TD colSpan=5></TD></TR>
<TR>
<TD>Big Boys</TD>
<TD>Les Galacticas</TD>
<TD>AS Gibecq</TD></TR>
<TR>
<TD>HAS Team</TD>
<TD>Athletic Enghien</TD>
<TD>BSF Team</TD></TR>
<TR>
<TD>Mfc Fultech A</TD>
<TD></TD>
<TD>Epsilon</TD></TR>
<TR>
<TD>Golden Titjes</TD>
<TD></TD>
<TD>Ghislenghien Barrière</TD></TR>
<TR>
<TD>Reds United Tubize</TD>
<TD></TD>
<TD>Herakles</TD></TR>
<TR>
<TD>Toyota Team</TD>
<TD></TD>
<TD>Les Criquets</TD></TR>
<TR>
<TD>Mfc Fultech B</TD>
<TD></TD>
<TD>Les Touristes</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Mfc Lumis</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Mfc Ortap B</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Oasis</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Ortap Meslinoise</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Pavillon A</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Pavillon B</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Red Scorpions</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>SM Olympic</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Square Team</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>Tcho Team</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD>United</TD></TR></TBODY></TABLE><BR></DIV><BR><BR><B><FONT
size=2>Pour rappel, les inscriptions se clôturent le 30
juin.</FONT></B> <SPAN class=Style11><BR><BR>Par : Fab
(Administrateur) </SPAN></TD></TR>
<TR>
<TD><EM>Valable du 17-06-2010 au 16-06-2010 -- composée le :
17-06-2010 </EM></TD></TR></TBODY></TABLE><BR>
<TABLE id=tableaucommunication width="90%" border=0>
<TBODY>
<TR>
<TD><STRONG>Titre : Attention, Fin des inscriptions le 30 juin
!!!</STRONG></TD></TR>
<TR>
<TD><BR>
<CENTER><IMG
src="Le%20Site%20officiel%20du%20CAMFA_fichiers/Inscriptions.jpg"></CENTER>
<SPAN class=Style11><BR><BR>Par : Fred (Administrateur)
</SPAN></TD></TR>
<TR>
<TD><EM>Valable du 17-06-2010 au 30-06-2010 -- composée le :
17-06-2010 </EM></TD></TR></TBODY></TABLE><BR><SPAN
class="Style8 Style12"></SPAN></TD>
<TD class=Style3 vAlign=top width=100>
<TABLE id=connect cellSpacing=0 width="100%" borderColorLight=#666666
border=1>
<TBODY>
<TR>
<TD borderColorLight=#666666 bgColor=#000033 height=20>
<DIV align=center><SPAN class=Style10>Mois</SPAN></DIV></TD></TR>
<TR>
<TD>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2010&mois=2">Février</A></DIV>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2010&mois=3">Mars</A></DIV>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2010&mois=4">Avril</A></DIV>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2010&mois=5">Mai</A></DIV>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2010&mois=6">Juin</A></DIV></TD></TR></TBODY></TABLE><BR>
<TABLE id=connect cellSpacing=0 width="100%" borderColorLight=#666666
border=1>
<TBODY>
<TR>
<TD borderColorLight=#666666 bgColor=#000033 height=20>
<DIV align=center><SPAN class=Style10>Année</SPAN></DIV></TD></TR>
<TR>
<TD>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2006&mois=">2006</A></DIV>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2007&mois=">2007</A></DIV>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2008&mois=">2008</A></DIV>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2009&mois=">2009</A></DIV>
<DIV align=center><A
href="http://www.camfa.be/archives.php?annee=2010&mois=">2010</A></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=Style3> </TD>
<TD> </TD>
<TD> </TD></TR>
<TR>
<TD colSpan=3>
<DIV align=center>
<STYLE type=text/css>.Style1 {
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.Style2 {
FONT-SIZE: 12px; COLOR: #000000
}
.Style3 {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
</STYLE>

<TABLE cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD width="100%">
<DIV class="Style1 Style2" align=center>Zone Privée | Mentions
Légales | Contact </DIV></TD></TR>
<TR>
<TD width="100%">
<DIV class=Style3 align=center>Merci de nous signaler tous
commentaires , suggestions , bugs & autres. <BR>Toute
reproduction, même partielle, strictement interdite sans
autorisation préalable. <BR>Tous droits réservés.
</DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<SCRIPT type=text/javascript>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</SCRIPT>

<SCRIPT type=text/javascript>
try {
var pageTracker = _gat._getTracker("UA-2472795-1");
pageTracker._trackPageview();
} catch(err) {}</SCRIPT>
</BODY></HTML>
0

Tableau HTML

3 réponses

Discussions similaires

Newsletters