...

View Full Version : Changing Colum Numbers



isee
08-08-2012, 11:29 PM
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 (http://iseetechnology.co.uk/clients/temp/category.html)


<!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.

isee
08-12-2012, 12:16 PM
Anyone.. Getting desparate now.

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

Thanks



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum