Layout Problem

Hey guys as you can see from my site, i was wondering how i could code under each wallpaper 3 things such as :

Image here - links below
800*600
1024*768
1280*1240

http://www.texaschainsawmassacre.co.uk

anyhelp is appreciated, coding semantically what would i use a list.

 

There are a few different ways to do this. The easiest I think, would be to add a new div below the div containing the images. The div would contain 6 unordered lists, left floated, with widths and margins set the same as your images so that they line up correctly.
Something like this:

<div>
<ul class="imgCaption">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
<ul class="imgCaption">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
<ul class="imgCaption">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
<ul class="imgCaption">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
<ul class="imgCaption">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
<ul class="imgCaption">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</div>

HTML:

and then the css:

.imgCaption{margin: 0; float: left; width: 50px;} 

Code (markup):

Obviously you would have to adjust the width and margin here to fit your design.

 

nice one thanks for your time, i was wondering where the different image links go though?


cheers again

 

Are you asking this as a question? The example is just dummy links. You would have to supply the actual link attributes.