[welshhuw]

Hi,

I am coding up a homepage at present and would like some advice.

http://www.huwsplace.co.uk/dev/

1.) How can I get the menu to be centered?
2.) How can I get the 3 'More Info' buttons to stay at the bottom of each of the 3 sections?

I've been trying different things but have not got very far!

Any tips would be great.

Thanks

Huw

[Faevilangel]

1) Your menu div just has margin:0 auto;... Give it a width.
2) Give the buttons a class (as you will use the same thing 3 times, and absolute position it or use the css sticky footer method (google it).

[mteam]

Are these columns going to be fixed height ?

[asek]

The menu div, has a width of 900px, which is much bigger than the ul which is floated left, so it sticks to the left. I dont see any reason to float the ul, and I would get rid of the menu div, its uneeded.

If you don't know the heights of the boxes, its difficult, if you do, set the height of the box the same, then give the box div position:relative, then the buttons a position:absolute and bottom:0

[Synjyn]

for the menu get rid of the float, set the width and auto the margins for left/right:

#menu ul {list-style:none outside none;margin:25px auto 0;padding:0;width:550px;}

For the more info as above and the best solution, put the text into divs, and give them all the same heights so the button sites below it. There are other ways i.e. setting margin top for each button but that can become messy if you change any text etc.

[welshhuw]

Synjyn, on 02 September 2010 - 11:25 PM, said:

for the menu get rid of the float, set the width and auto the margins for left/right:

#menu ul {list-style:none outside none;margin:25px auto 0;padding:0;width:550px;}

For the more info as above and the best solution, put the text into divs, and give them all the same heights so the button sites below it. There are other ways i.e. setting margin top for each button but that can become messy if you change any text etc.

Thanks, one more question:

Around my hompage image (the beach scene), how can I fix the border issue? It seems to be thicker on the top and left...I want it be 5px all round.

Cheers

PS: You wont notice my updated changes to nav and buttons yet - im at work at the moment!

[Synjyn]

welshhuw, on 03 September 2010 - 07:29 AM, said:

Thanks, one more question:

Around my hompage image (the beach scene), how can I fix the border issue? It seems to be thicker on the top and left...I want it be 5px all round.

Cheers

PS: You wont notice my updated changes to nav and buttons yet - im at work at the moment!

This should do it:

#slider-inner {border:5px solid #FFFFFF;height:197px;margin-left:auto;margin-right:auto;width:864px;}

[welshhuw]

Thanks excellent!