H I O X INDIA
FREE CSS Tutorial
 ACCUEIL  ||  Scripts  ||  Tutoriels  ||  Images  english Español 中文 Deutsch Portuguese Japanese தமிழ்

CSS Sujets
Introduction
Types
Background Propriétés
Propriétés du Texte
Propriétés de Police
Boîte Propriétés
Propriétés de la Frontière
Marge Propriétés
Rembourrages Propriétés
Special Topics
Demandez à vos Doutes
Feedback


Commentaires sur cette page



Nom
Mail
Réaction
  




Tableau Défilable (Html)


Sujet

Comment faire un tableau/image avec une barre de défilement ?
ou
Comment créer un tableau défilable?



Explication

Propriété :

On est d’habitude forcé à le faire quand on doit faire apparaître visiblement une grande quantité de contenus dans une petite zone.
Suivez cette petite instruction.

Exemples:
Large tableau dans un défilement.
Large image dans un défilement.

C’est très facile de le faire.
Tout ce qu’on a besoin est une petite partie de code dhtml.

<div STYLE=" height: 100px; width: 150px; font-size: 12px; overflow: auto;">

La partie "overflow: auto;" fait toutes les choses.

Pour le vérifier
Copiez juste le code ci-dessous sur un fichier html et vérifiez le.

<div STYLE=" height: 100px; width: 100px; font-size: 12px; overflow: auto;">
<table bgcolor="green">
<tr><td bgcolor="blue">testing </td></tr>
<tr><td>free php scripts;/td></tr>
<tr><td bgcolor="blue">free php scripts</td></tr>
<tr><td>free php scripts</td></tr>
<tr><td bgcolor="blue">free php scripts</td></tr>
</table>
</div>


Le resultat apparaîtra comme ceci
www.hioxindia.com
maths.hscripts.com
www.hscripts.com
free php scripts
www.hiox4u.com

C’est tout.....






A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.

Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.


privacy policy     license
© 2004-2010 HIOX INDIA - hioxindia.com