The upper left image is wider than the rest
Nope – they are all the same size, even making that image smaller the leaves the right image in the same position;
http://southwestdesign.org.uk/12345.jpg
there is a faint border on the first image – review that
@ Viable — please post a link to your site so someone can look at the CSS code that is affecting that section of the page. Without that, it’s impossible to offer much help.
This is my site http://www.viable.org.uk
Really need some help with this one, I can’t figure it out.
You have “maintenance mode” enabled — so can’t access your site…
You have the class “.alignleft” assigned to all the images — but the ones on the right should use “float: right” — which should make them line up evenly. If not, there is something else going on with the way the CSS is coded.
Try using Firebug to deal with these kinds of CSS issues…
I’m using Firebug, but the big issue I have is finding out in which document the particular issue is in, then finding our where the file is.
It seems like the image is being blocked from moving up. It was working on my dummy site and this is then exactly the same.
The alignleft class is assigned in the html code as inline CSS — so however you put those photos in — that should be where the code is. Or try editing it in the html editor.
This is the html code for the top right image:
<img class="alignright" width="309" height="284" border="0" alt="" src="http://southwestdesign.org.uk/Button2.png">
Think I’ve almost got it, it is the align’s that I’ve needed to adjust, the top images are now OK, just working on the others.
It’s all working, thanks for all your help folks, really pleased with the outcome.
The front page is an article that isn’t named, yet on the right hands side it’s labelled it as 601, anyway to ditch that too?
