Soldato
- Joined
- 1 Sep 2005
- Posts
- 10,001
- Location
- Scottish Highlands
Any idea why my page is going mental? Im trying to structure my links into three columns with the helps of some code from a thread furhter down the page. However the page isn't working quite as it should.
Below you can see what is happening. The main content area should be stretching to the length of the content, but as you can see, its not. It works on all the other pages on the site, but not this one for some reason.
HTML code
CSS Code for main 'content'
Any ideas where im going wrong? Im also wanting to have the links as images, but with the site names at the top of the images. What is the best way of going about this?
Edit; The website is www.afowler.co.uk if that helps.
Below you can see what is happening. The main content area should be stretching to the length of the content, but as you can see, its not. It works on all the other pages on the site, but not this one for some reason.
HTML code
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Alasdair Fowler Photography</title>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
</head>
<body>
<script type="text/javascript" src="swfobject.js"></script>
<div id="content">
<div id="itemContainer">
<div class="anItem"><a href="http://messiahkhan.deviantart.com/" target="_blank">My Deviantart page</a></div>
<div class="anItem"><a href="http://www.talkphotography.co.uk/" target="_blank">Talk Photography</a></div>
<div class="anItem"><a href="http://photo.net/" target="_blank">Photo.net</a></div>
</div>
<div id="itemContainer">
<div class="anItem"><a href="http://www.fredmiranda.com/" target="_blank">Fred Miranda</a></div>
<div class="anItem"><a href="http://www.dpreview.com/" target="_blank">DPreview</a></div>
<div class="anItem"><a href="http://www.robgalbraith.com/bins/index.asp" target="_blank">Rob Galbraith Online</a></div>
</div>
<div id="itemContainer">
<div class="anItem"><a href="http://www.jbeilbyphotography.com/" target="_blank">JBeilbyphotography</a></div>
<div class="anItem"><a href="http://www.dpreview.com/" target="_blank">DPreview</a></div>
<div class="anItem"><a href="http://www.robgalbraith.com/bins/index.asp" target="_blank">Rob Galbraith Online</a></div>
</div>
<script type="text/javascript">
var fo = new SWFObject("monoslideshow.swf", "FOmonoSlideshow", "800", "100", "7", "#000000");
fo.addVariable("showLogo", "false");
fo.addVariable("dataFile", "monoslideshow2.xml");
fo.write("monoSlideshow1");
</script>
</div>
</body>
</html>CSS Code for main 'content'
Code:
#contenttext {
text-align: left;
width: 700px;
margin: 0 auto;
padding: 20px;
font: 9px 'Trebuchet MS', Trebuchet, sans-serif;
font-size: 9pt;
color: #ffffff;
}Any ideas where im going wrong? Im also wanting to have the links as images, but with the site names at the top of the images. What is the best way of going about this?
Edit; The website is www.afowler.co.uk if that helps.
