I have created a jpg of a banner design I want to use http://kyllle.deviantart.com/art/interfaced-94620976

I have started coding the design but have a few probs that I dont know how to correct http://www.glen-lodge.co.uk/learning.html

basically can you offer me your advise on how I achieve the following:

1) position the main links in the center instead of the left hand side
2) how I properly position the little home box I have at the side of 'EVENTS' without it tampering with the other links
3) how do I position the sub links above the page banner on the left hand side?
4) and how do I place the 2 links 'BUY TICKETS' and 'ALL EVENTS' in the black section of the banner that I have left??

basically I cant get my head round positioning the text on images and above images etc so it would be great to gain some knowledge from everyone through your help and advise.

It would be great if you could also give me advice on my current code and maybe pointers on how I could achieve better results.

Thanks for looking

Kyle

Hey all again,

Iv managed to position the sub nav links above the banner and position the main links at the top of the page so I feel Im on the right track although I would love someone to have a glance over the page just for some much needed advice.

My main difficulty is positioning the two links at the bottom of the banner, all advise welcomed!!

Thanks all!!

http://www.glen-lodge.co.uk/learning.html

Hi Kylle,

The first thing I would sugguest is placing your css in a separate document.

Secondly I personally wouldn't use "buy tickets" and "all events" as images. I would probably go with text. Since you already have it in a DIV why don't you just list them?

This doesn't work very well on screens with low resolution, unless you prefer the page to be scrolled horizontally.

The page can keep its identity better if you define sizes in percent and points, instead of pixels.

... Two day later and you still have not changed anything. Makes it nasty for anyone else to advise. Anywhatnot! Using absolute positioning causes too many resolution problems, you need to use wireframes to planing before you code your web pages.

Your mark up has useless divs(home, wrapper...) and an empty anchor. Don't just ask questions, search for answers too.

I know that the rage is to do everything with css and while I code using it on many things, the tried and true method, if you're going to use an image is to do this with an image map. This really is a matter of choice, I stay very busy with design and find it quicker and simpler to image map then worry about positioning with css.

Best of luck

Image map can be a quick fix but this definitely not the best option, as this is not search engine optimized at all. Search engine can barel read image map and the links will not described the content... So take more time to code in css, it will be beneficial in the long term

Sylvain / Cyber-Duck

I also walk on the same path.