Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

Créer sa page perso
Les  Tableaux
Page - 19a

 

Présentation  - Cellules de tableaux - Tableaux et texte - Placement des titres - Images de fond et cellules

 

Titre dessus ou dessous un Tableau

 

(1)-Titre dessus le tableau avec CAPTION ALIGN=TOP
un
deux
trois
quatre
cinq


<CENTER><TABLE BORDER=3 WIDTH="80%"><CAPTION ALIGN=TOP><B>(1)-Titre dessus le tableau avec CAPTION ALIGN=TOP </B></CAPTION>
<TR>
<TD WIDTH="31%" HEIGHT=16 BGCOLOR="#FFCC99">
<CENTER>un</CENTER>
</TD>
<TD COLSPAN=2 WIDTH="52%" HEIGHT=16 BGCOLOR="#FFFF99">
<CENTER>deux</CENTER>
</TD>
</TR>
<TR>
<TD WIDTH="31%" BGCOLOR="#33FF66">
<CENTER>trois</CENTER>
</TD>
<TD WIDTH="28%" BGCOLOR="#FF99FF">
<CENTER>quatre</CENTER>
</TD>
<TD WIDTH="24%" BGCOLOR="#33FFFF">
<CENTER>cinq</CENTER>
</TD>
</TR>
</TABLE>

 

 

(1)-Titre dessous le tableau avec CAPTION ALIGN=BOTTOM
un
deux
trois
quatre
cinq

 

Respectez l'emplacement de CAPTION juste après TABLE et avant TR.

 

Insertion d'une image

 
C'est un surfeur
surf
C'est "aidenet"

 <TABLE BORDER=10 CELLSPACING=6 CELLSPADING=2 WIDTH="80%" HEIGHT="15%">
<TR> <TD HEIGHT="15%" BGCOLOR="#33FF00"> <CENTER>C'est un surfeur</CENTER> </TD>

<TD HEIGHT="15%" BGCOLOR="#CCFFFF"> <CENTER><IMG SRC="images/s003.gif" WIDTH=42 HEIGHT=42 ALIGN=middle></CENTER> </TD>

<TD HEIGHT="15%" BGCOLOR="#FFFF99"> <CENTER>C'est "aidenet"</CENTER> </TD> </TR>
</TABLE>

Attention à la durée de chargement, car le navigateur attend d'avoir reçu TOUTES les images contenues dans votre tableau avant de commencer à l'afficher. Et n'oubliez pas de donner des dimensions (WIDTH et éventuellement HEIGHT) sinon là encore le navigateur va devoir les calculer et perte de temps.

 

Texte à coté d'un tableau

 

w

w

w

w

w

w

w

w

w

voici du texte placé à coté du tableau

Code à placer :

- <TABLE BORDER=2 BGCOLOR="#FFFFCC" CELLPADDING=3 WIDTH="40%" align=left>  

- </TABLE><B>voici du texte plac&eacute; &agrave; cot&eacute; du tableau</B><BR clear=all>  

 

 Bordure en couleur

.
.
.
.

 </FONT><TABLE BORDER=10 BGCOLOR="#CCFFFF" WIDTH="70%" HEIGHT="10%" bordercolor=blue>

 

Sur Internet Explorer uniquement, bordure bicolore

.

 

 

 

<TABLE BORDER=10 BGCOLOR="#CCFFFF" WIDTH="70%" HEIGHT="10%" bordercolordark=blue bordercolorlight=green>

 

P.S. La plupart des navigateurs (surtout Netscape) n'affichent pas une cellule vide et pour y remédier placez un espace insécable dans le source de chaque cellule concernée  &nbsp; Pour se repérer, tapez en clair dans la cellule une lettre et dans le source remplacez simplement cette lettre par &nbsp;

 

  =============================================== 

Il existe naturellement d'autres possibilités de réaliser différents tableaux, mais n'oubliez jamais que les deux Navigateurs en présence (IE et Netscape) ne les traitent pas forcément comme vous le souhaiteriez et même les ignorent. (voir exemple ci-dessus)

De plus n'abusez pas de leur utilisation, même si vous les dotez comme il est recommandé des valeurs adéquates (Width et Height), car le temps de chargement des pages finit par s'en ressentir.

PrésentationCellules de tableaux - Tableaux et texte - Placement des titres - Images de fond et cellules

  Sommaire Page perso

 

Tous droits réservés © 1997-2002. aidenet.com

 

DERNIERS MESSAGES DU FORUM
son et musique [Divers]
Bonjour. [Présentez-vous]
peut on découvrir qui visionne vos messages et con... [Divers]
au recours [A l'aide !]
Windows Live Messenger avec Mozilla Firefox [Autre]
Aide Petit bon homme blanc [Livres / BD / Comics]
Problèmes pilotes graphiques... [Portables]
Aide Petit bon homme blanc [Divers]
Améliorer affichage Accueil site spip191, MERCI de... [HTML / CSS / Javascript]
Nouveau membre, présentation... [Présentez-vous]
un câble réseau est débranché [Réseau local]
problème [HTML / CSS / Javascript]
première visite et besoin d'aide [A l'aide !]
Ecran Bleuuuuu Aide SVP [A l'aide !]
perte de mon mot de passe windows 2000 [A l'aide !]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD