How do I get my table of Images to take the desired layout?

I am currently creating a web page as part of my learning of html and css, it is a bookmark page with the sites I visit most frequently. The main section of the page is a table of images which are linked to their respective sites, the table is 4 columns by 3 rows. My problem is when in the design window it appears as it should but when I press the live button and when I preview it in a browser all of the images go into one column down the left side of the page. How can I remedy this?
Any help is greatly appreciated.
Thanks.

Thanks for the reply, I will try to copy and paste my code into the space below.
My HTML:
<!doctype html>
<html class="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bookmark</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<header id="top" class="fluid"> <img src="images/logo.png" alt="Bookmark"/>
   <nav id="mainNav" class="fluid">
      <ul id="menuSystem" class="fluid fluidList">
        <li class="fluid menuItem zeroMargin_desktop">Home</li>
        <li class="fluid menuItem">About</li>
        <li class="fluid menuItem">Add</li>
        <li class="fluid menuItem hide_mobile">Contact</li>
      </ul>
</nav>
</header>
<div id="page" class="fluid">
  <table width="100%" height="392" border="0" cellpadding="1" cellspacing="1">
   <tr>
     <td><a href="http://www.google.com"><img src="images/icons/google.png" width="212" height="218"/></a></td>
     <td><a href="http://www.bbc.co.uk"><img src="images/icons/bbc.png"/></a></td>
     <td><a href="http://www.codeacademy.com"><img src="images/icons/codeacademy.jpg"/></a></td>
     <td><a href="http://www.nba.com"><img src="images/icons/nba.jpg"/></a></td>
    </tr>
   <tr>
     <td><a href="http://www.facebook.com"><img src="images/icons/facebook.png"/></a></td>
     <td><a href="http://www.espn.com"><img src="images/icons/espn.png"/></a></td>
     <td><a href="http://www.twitter.com"><img src="images/icons/twitter.png"/></a></td>
     <td><a href="http://www.celticfc.net/mainindex"><img src="images/icons/celtic.png"/></a></td>
    </tr>
   <tr>
     <td><a href="http://www.youtube.com"><img src="images/icons/youtube.png"/></a></td>
     <td><a href="http://www.collegehumour.com"><img src="images/icons/collegehumour.png"/></a></td>
     <td><a href="http://www.skysports.com"><img src="images/icons/skysports.png"/></a></td>
     <td><a href="http://www.nbcnews.com/id/3032619/"><img src="images/icons/nbcnightlynews.png"/></a></td>
    </tr>
  </table>
</div>
<footer id="bottom" class="fluid"></footer>
</div>
</body>
</html>
My CSS (for the larger screens i.e. min-width:769px) is:
@charset "utf-8";
img, object, embed, video {
width: auto;
height: auto;
display: block;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
.ie6 img {
width:100%;
.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;       
.gridContainer {
width: 98.3333%;
max-width: 1232px;
padding-left: 0.8333%;
padding-right: 0.8333%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
#top {
#mainNav {
#menuSystem {
.menuItem {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
background-color: #393737;
color: #FFFFFF;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
font-style: normal;
font-weight: 700;
display: block;
#page {
margin-left: 0;
clear: both;
width: 100%;
#iconMenu {
.bookmarkItem {
list-style-type: none;
width: 32.2033%;
margin-left: 0;
clear: both;
#div1 {
margin-left: 0;
clear: both;
#bottom {
background-image: url(images/headerback.png);
.zeroMargin_desktop {
margin-left: 0;
.hide_desktop {
display: none;

Similar Messages

  • How can I get bluetooth to import images from my HTC Desire?

    I have a problem with my  mcbp.
    I can connect with my HTC Desire smartphone and send a file no problem.  However, I cannot send images from the phone to my mcbp.  When the phone says it is sending, three small dashes appear across the bluetooth insgnia in the top bar.  Help please?
    Thanks
    Nashorn
    13 Macbook Pro  10.9.1

    My iPhoto is v. 4.0.3.
    Is your QuickTime up to date?
    Video importing requires QuickTime 7.6.2 or later.
    http://support.apple.com/kb/HT4083

  • HT4059 How do I get my page on iBook to take the full page

    My book in iBook has a few sentences on the top and bottom of the page that is cut off

    As a gentle reminder you can avoid these sorts of questions by either consulting the User Guide or nosing around in these or other forums. Many questions are answered in the Guide, and most have been  asked and aswered many times online.

  • How do you get a table to flow onto the second page?

    Since upgrading to Yosemite, I cannot figure out how to get my table to continue on to the second page. If you look at my screenshot, you can see that my table was so big so the whole thing was moved to the next page. I want it to remain on the 1st page and have additional rows continue on to the second page. In the previous version of pages, the column titles would also appear on the second page. Thank you very much for your help.

    Hi F.AD.;
    Go to View > Show Invisibles (Shift+Command+I).
    This will display Paragraph marks (¶) at the end of each paragraph.
    Delete the paragraph mark (¶) that is at the end of the paragraph before the table, i.e. just between the table and the paragraph.
    This will bring the table surely just beneath the paragraph (text), I suppose.
    Hi BePositive26;
    You didn't mention whether my suggestion made easy to solve your problem.
    Regards,

  • HT1229 Ive move photos but they appear as duplicates in iPhoto.   When you try and open them it says Photo can't be found.  I have thousands.  How do I get rid of these images?

    Hi Ive moved photos but they appear as duplicates in iPhoto.   When you try and open them it says Photo can't be found.  I have thousands.  How do I get rid of these images?
    Also I have many duplicate photos (from backups)  It would be great to be able to remove all duplicates at one time, like in Itunes.
    Can this be done?

    You moved what photos from where and to where?
    Are you running a Managed or a Referenced Library?
    A Managed Library, is the default setting, and iPhoto copies files into the iPhoto Library when Importing. The files are then stored in the Library package
    A Referenced Library is when iPhoto is NOT copying the files into the iPhoto Library when importing because you made a change at iPhoto -> Preferences -> Advanced. (You unchecked the option to copy files into the Library on import) The files are then stored where ever you put them and not in the Library package. In this scenario you are responsible for the File Management.

  • I just upgraded to LR4, how do I get all my LR2 images into LR4?

    I just upgraded to LR4, how do I get all my LR2 images into LR4?

    Images are not "in" Lightroom. Image files are on the hard drive, and the Lightroom edits are in the catalog.
    Lr creates a link between the catalog and the image files on the hard drive.
    So, there is no need to bring images from one version of Lr to the other.
    When you install Lr4 it will find your existing catalog and update it (in fact it updates a copy of the catalog); Lr4 will then "know" where your images are because their location is recorded in the catalog.
    It is the unfortunate choice of the word "import" that creates the impression that images are in Lr like eggs in a basket. Nope!

  • How do I get my IPad 2 images onto a regular TV?  I have the plug from the apple store, and the HDMI cable.  The TV recognizes a devise, but no image on TV!

    How do I get my IPad 2 images onto a regular TV?  I've got the converter plug for HDMI from the apple store and an HDMI cord, etc.  I've plugged everything in and the TV recognizes a devise, but no images on TV...help!

    Hey Anndog,
    Thanks for the question. I understand you wish to connect your iPad 2 to an HDMI TV. The following article provides some great information on how to do this, along with troubleshooting information if you are experiencing issues:
    iOS: About Apple Digital AV Adapters
    http://support.apple.com/kb/HT4108
    Thanks,
    Matt M.

  • How do I get my whole picture to show on the screen where I can see the entire image?

    How do I get my whole picture to show on the screen where I can see the whole image?

    Hi & welcome to the forum.
    We need more details to be able to help you. Can you please explain your situation in a bit more detail?
    Also, please let us know what version of Photoshop you have and what OS you're running.
    -ST

  • How can I get a list of active savepoints for the current session?

    Hi,
    In Oracle Applications, we are getting the following error while performing ROLLBACK to a Savepoint.
    "Unexpected Error: ORA-01086: savepoint 'PTNR_BULK_CALC_TAX_PVT' never establishe d ORA-06510: PL/SQL: unhandled user-defined exception"
    So how can I get a list of active savepoints for the current session?
    Could you please also let me know if there is any better way to debug this issue.
    Appreciate any quick response as the issue is very critical.
    Thanks,
    Soma

    user776523 wrote:
    Hi,
    In Oracle Applications, we are getting the following error while performing ROLLBACK to a Savepoint.
    "Unexpected Error: ORA-01086: savepoint 'PTNR_BULK_CALC_TAX_PVT' never establishe d ORA-06510: PL/SQL: unhandled user-defined exception"It sounds like there's an execution path in the code where the SAVEPOINT is never issued.
    There is no way to get a list of active savepoints. Is this your code or a "canned" procedure? If it is your code you can go through the code looking for answers, possibly tracing execution using DBMS_OUTPUT.PUT_LINE or writing messages to a log table. If its a "canned" procedure you may need to open an SR with Oracle

  • I have just updated to iOS7, no icon for browser, was using Safari, how do I get it back and can I reverse the upgrade and go back to iOS6?

    I have just updated to iOS7, no icon for browser, was using Safari, how do I get it back and can I reverse the upgrade and go back to iOS6?  Thanks to you from the UnTechie

    The icon for Safari has probably moved to make room for new apps. Scroll the Home screen to look for it.
    You cannot reverse the upgrade.

  • How do I get my deleted emails to go to the deleted items in Outlook and not the archived folder?

    How do I get my deleted emails to go to the deleted items in Outlook and not the archived folder?

    Who is the email account provider?
    With an Apple iCloud account, there is a preference setting with the account settings on the iPhone to archive messages - save deleted messages in your Archive folder.
    I believe the same is available with a Gmail account.

  • How can I get all tracks from an album into the album in my library?

    When importing the albums from a folder, the tracks for some of the albums were split up.  How can I get them in one?

    Hello JudyD276
    The article below will give the steps to get the songs grouped together for you.
    Why aren't songs with the same album art grouped together?
    http://support.apple.com/kb/TS1468
    Thanks for using Apple Support Communities.
    Regards,
    -Norm G.

  • How do I get my 4S to turn off?  The on/off button seems to be frozen.  Help?

    How do I get my 4S to turn off?  The on/off button seems to be frozen in the down position.

    Make a Genius Bar appointment. In the meantime go Settings > General > Accessabilty > Assistive Touch.
    There's a lock screen option for aid when hardware fails.

  • I have two email accounts. How do I get a signature to show up on the second account?, I have two email accounts. How do I get a signature to show up on the second account?

    I have two email accounts on my iPad. How do I get a signature to show up on the second account?

    The signature should show up with each account. Usually the complaint is not having an option for multiple signatures or not being able to have a different signature for each account.

  • My friend synced a video to my ipod but it erased all my data on my ipod,but i cant figure out how to load my old libray back without deleting the movie. my friend cant tell me the password. How can I get my old library back without deleting the movie?

    My friend synced a video to my ipod but it earased all my data on my ipod,but I can't figure out how to load my old library back without deleting the movie. My friend shares a family account so she can't tell me the password. How can i get my old library back without deleting the movie?

    Linnwarner wrote:
    She does have the right because she bought the movie.
    Not true at all.
    You only buy the right to your own personal use.
    You do NOT have the right to distribute to others.
    This is illegal.  There is no doubt about it

Maybe you are looking for