Total members 11895 |It is currently Tue Dec 03, 2024 5:58 pm Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





setting the caption at the bottom of table using the CSS caption-side: bottom attribute.

Code:
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>set caption at the bottom of table</title>
        <style rel='stylesheet' type='text/css'>

table {
    border: 1px solid blue;
    caption-side: bottom;
    table-layout: fixed;
    border-collapse: collapse;
}

th, td {
    border: 1px solid red;
    padding: 1px;
    overflow: hidden;
}
        
        
</style>
    </head>
    <body>
        <table>
            <caption>
                 Caption at the bottom of table
            
</caption>
      
            
<thead>
                <tr>
                    <th> First Column</th><th> Second Column</th><th> Third Column</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td> 1</td><td> 4</td><td> 1111</td>
                </tr>
                <tr>
                    <td> 2</td><td> 5</td><td> 2222</td>
                </tr>
                <tr>
                    <td> 3</td><td> 6</td><td> 3333</td>
                </tr>
            </tbody>
        </table>
    </body>
</
html>

 




_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : put caption at the bottom of table
 adding caption to table in html     -  
 Set border bottom color     -  
 right bottom background image position     -  
 Start background image from its bottom     -  
 Creating table using div tag     -  
 Div Table with css row span     -  
 Using table in latex     -  
 table creation     -  
 table row hover     -  
 row highlight of table     -  



Topic Tags

HTML Table






Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com