Jump to content

Tables

wogegill@gmail.com

By wogegill@gmail.com
in HTML/XHTML

 Share

Recommended Posts

wogegill@gmail.com Newbie

wogegill@gmail.com

Posted
Posted

I am having trouble aligning my tables in the exact center of the page; the tables are off center to the left.   Another question is the tables do appear in both Chrome and IE, but in Firefox they do not appear at all any idea why?  All browsers are up to date.

 

Here is what I have set up now:

 

<html>
<head>
    <title>Modoc County</title>
 <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">  
<style>

body {
    background-image: url("file:///D:/web site/tan2.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
}
table
{
margin-left: auto;
margin-right: auto;
}

</style>
</head>

<body>
    
    <br/>
    <br/>
    <br/>
    <br/>

  <table align="center" cellspacing="20" width="50%" class="centerTable">
    <tr>
    <td><img src="D:/web site/history/captainjack2.jpg" alt="Captain Jack" style="width:204px;height:228px;"></td>
     <td><img src="D:/web site/history.png"></td>
     <td><img src="D:/web site/auto.png"></td>
   </tr>
   <tr>
     <td><img src="D:/web site/fish.png"></td>
     <td><img src="D:/web site/briton.jpg" alt="Lake Briton" style="width:304px;height:228px;"></td>
     <td><img src="D:/web site/hunt.png"></td>
   </tr>
   <tr>
    <td><img src="D:/web site/hike.png"></td>
    <td><img src="D:/web site/camp.png"></td>
   </tr>
   </table>

  <table align="center" cellspacing="20" width="50%" class="centerTable">
    <tr>
     <td><img src="D:/web site/bike.png"></td>
     <td><img src="D:/web site/geo.png"></td>
     <td><img src="D:/web site/photos/lava flow.jpg" alt="Lava Flow" style="width:304px;height:228px;"></td>
   </tr>
   <tr>    
     <td><img src="D:/web site/water.png"></td>
     <td><img src="D:/web site/wildlife/fauna/raccoon.jpg" alt="Raccoon" style="width:304px;height:228px;"></td>
     <td><img src="D:/web site/wild.png"></td>
   </tr>
   <tr>
    <td><img src="D:/web site/flora.png"></td>
   </tr>
   </table>
</body>
</html>

 

Link to comment
Share on other sites
dsonesuk w3schools Guru

dsonesuk

Posted
Posted

They appear to be centre, and without a border for table and td, you would not be able to see the table and its cells, just cell content. You are doing this by local server, this is preferable than working from O/S file system directory.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...