Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jun 2012
    Posts
    36
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Question Changing Colum Numbers

    Hi all

    Can someone help me to change the images on this page from 5 colums and 3 rows to 4 colums and 3 rows:

    This Page

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
    <head profile="http://gmpg.org/xfn/11">
    <title>FFG</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="stylesheet" href="styles/layout.css" type="text/css" />
    <script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
    <!-- FancyBox -->
    <script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.2.js"></script>
    <script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.2.setup.js"></script>
    <link rel="stylesheet" href="scripts/fancybox/jquery.fancybox-1.3.2.css" type="text/css" />
    <!-- End FancyBox -->
    </head>
    <body id="top">
    <div class="wrapper col1">
      <div id="header">
        <div id="topnav">
          <ul>
            <li class="last active"><a href="menu5.html">Menu 5</a><span>Sub 5</span></li>
            <li><a href="#">Categories</a><span>Cat Sub</span>
              <ul>
                <li><a href="featured.html"><B><font color=yellow>FEATURED SITES</B></font color></a></li>
                <li><a href="gallery.html">Gallery 1</a></li>
                <li><a href="gallery2.html">Gallery 2</a></li>
                <li><a href="gallery3.html">Gallery 3</a></li>
                <li><a href="gallery4.html">Gallery 4</a></li>
                <li><a href="gallery5.html">Gallery 5</a></li>
                <li><a href="gallery6.html">Gallery 6</a></li>
                <li><a href="gallery7.html">Gallery 7</a></li>
                <li><a href="gallery8.html">Gallery 8</a></li>
                <li><a href="gallery9.html">Gallery 9</a></li>
                <li><a href="gallery10.html">Gallery 10</a></li>
                <li><a href="gallery11.html">Gallery 11</a></li>
                <li><a href="gallery12.html">Gallery 12</a></li>
                <li><a href="gallery13.html">Gallery 13</a></li>
                <li><a href="gallery14.html">Gallery 14</a></li>
                <li><a href="gallery15.html">Gallery 15</a></li>
              </ul>
            </li>
            <li><a href="menu3.html">Menu 3</a><span>Sub 3</span></li>
            <li><a href="menu2.html">Menu 2</a><span>Sub 2</span></li>
            <li><a href="index.html">Home</a><span>Home Sub</span></li>
          </ul>
        </div>
        <div class="fl_left">
          <h1><a href="#">Categories</a></h1>
          <p>Sub Title</p>
        </div>
        <br class="clear" />
      </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col3">
      <div id="breadcrumb">
        <ul>
          <li class="first">You Are Here</li>
          <li>&#187;</li>
          <li><a href="index.html">Home</a></li>
          <li>&#187;</li>
          <li class="current"><a href="category.html">Categories</a></li>
        </ul>
      </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col4">
      <div id="container">
        <div class="gallery">
          <h2>All Categories</h2>
          <ul>
      <li> <a href="gallery.html" title="Gallery 1">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery.html"> <p class="title_ln1">Gallery 1</p></a></li>
    
    
    
    <li> <a href="gallery2.html" title="Gallery 2">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery2.html"> <p class="title_ln1">Gallery 2</p></a></li>
         
         
    
    <li> <a href="gallery3.html" title="Gallery 3">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery3.html"> <p class="title_ln1">Gallery 3</p></a></li>
    
    
    
    <li> <a href="gallery4.html" title="Gallery 4">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery4.html"> <p class="title_ln1">Gallery 4</p></a></li>
    
    
    
        <li class="last"><a href="gallery5.html" title="Gallery 5">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery5.html"> <p class="title_ln1">Gallery 5</p></a></li>
        
        
    
    <li> <a href="gallery6.html" title="Gallery 6">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery6.html"> <p class="title_ln2">Gallery 6</p></a></li>
    
    
    
    <li> <a href="gallery7.html" title="Gallery 7">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery7.html"> <p class="title_ln2">Gallery 7</p></a></li>
    
    
    <li> <a href="gallery8.html" title="Gallery 8">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery8.html"> <p class="title_ln2">Gallery 8</p></a></li>
    
    
    <li> <a href="gallery9.html" title="Gallery 9">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery9.html"> <p class="title_ln2">Gallery 9</p></a></li>
    
    
        <li class="last"><a href="gallery10.html" title="Gallery 10">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery10.html"> <p class="title_ln2">Gallery 10</p></a></li>
    
    
    <li> <a href="gallery11.html" title="Gallery 11">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery11.html"> <p class="title_ln3">Gallery 11</p></a></li>
    
    
    
    <li> <a href="gallery12.html" title="Gallery 12">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery12.html"> <p class="title_ln3">Gallery 12</p></a></li>
    
    
    <li> <a href="gallery13.html" title="Gallery 13">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery13.html"> <p class="title_ln3">Gallery 13</p></a></li>
    
    
    <li> <a href="gallery14.html" title="Gallery 14">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery14.html"> <p class="title_ln3">Gallery 14</p></a></li>
    
    
        <li class="last"><a href="gallery15.html" title="Gallery 15">
    
    <img src="images/demo/gallery/174x174.gif" alt=""></a> 
     
    <a href="gallery15.html"> <p class="title_ln3">Gallery 15</p></a></li>
    
    </ul><center>
          <br class="clear" />
        </div><P>
      </div>
    </div>
    
    
    <!-- ####################################################################################################### -->
    <div class="wrapper col5">
      <div id="footer">
        <p class="fl_left">Copyright &copy; 2011 - All Rights Reserved - <a href="#">WEBSITE 1 OPTION</a></p>
          <br class="clear" />
      </div>
    </div>
    </body>
    </html>

    Thanks very much.

  • #2
    New Coder
    Join Date
    Jun 2012
    Posts
    36
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Exclamation

    Anyone.. Getting desparate now.

    Tried simply removing box 4, 9 & 14 but everything goes all over the place then.

    Thanks


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •