Hey guys,

 

http://www.visualmix.co.uk/Palmer/work.php

 

Trying to get my portfolio section of my website done, probably the hardest page. Got a strange height error on my slider, any suggestions what it could be? It's when you click the different tabs (Logo, Web etc.) You can see some images falling out of place.

 

Really need to get this done

 

Thanks,

Chris

Aloha,

 

Put this into your CSS file:

 

#container #contentWrapper #content #portfolio-list li

{

width:300px;

height:170px;

float:left;

margin:0 18px 20px 0;

}

 

Basically, you've got odd margins going on there. Some have a top margin of 20 pixels, some have it on the bottom. You need uniformity, and this is what the above attribute would add.

 

Also, remove all of the empty <p> tags that are in the template. You've got quite a few there that knock it out, but if you can't remove them, then stick this in as well as the above CSS style:

 

#container #contentWrapper #content #portfolio-list li p

{

display:none;

}

Using class logo on some of your li's is adding margin-top:20px

 

I'd probably just rename the class toplogo

 

html

<DIV id=header><A title="" href="#"><IMG class=toplogo border=0 alt="Wrexham Web Designer" src="img/logo.png"></A>

 

css

.toplogo { float:left; margin-top:20px; }

Thanks, that fixed it, I think something is still throwing the menu and logo slightly out of place, you can compare the two erm.

 

http://www.visualmix.co.uk/Palmer/work.php

and

http://www.visualmix.co.uk/Palmer/index.php

 

uploading working work.php now

Uploaded

You've a different fonts and size in your body{} portfolio.css

 

thats looks to be causing the slight height difference

While your on the topic, do you guys think I should add a drop shadow to the images? just to lift it slightly. I love the drop shadow http://css-tricks.com/ on his right sidebar items, but I have no idea how to do that so nicely.

While your on the topic, do you guys think I should add a drop shadow to the images? just to lift it slightly. I love the drop shadow http://css-tricks.com/ on his right sidebar items, but I have no idea how to do that so nicely.

The problem with that is that they have cross-browser implications. You're far better off adding the shadow to the images themselves.

 

Let us know if you've got any other problems!

Ok great, I'll leave it out for now. Thanks for the help