PDA

View Full Version : Layout problems

kyllle
08-21-2008, 03:10 PM
Hi all,

Iv created the following .jpg http://fc02.deviantart.com/fs32/f/2008/234/a/b/testersss_by_kyllle.jpg which Im trying to replicate using html & css, Iv tried to poition the buttons etc at the top but having trouble inserting the text below the sub vavigation and also having trouble making the left navigation appear one below the other like intended in the .jpg, Iv added text in to were I hope to place the orange background but nothing seems to look right, were am I going wrong?? please advise as this is really getting to me!!

current site http://www.glen-lodge.co.uk/testing_arena.html

Kyle
abduraooft
08-21-2008, 03:25 PM
#double_left {/*testing_arena.htm... (line 148)*/
/*clear:both;*/
float:left;
position:relative;
/*width:375px;*/
}
BTW, have a look at creating a standard 2 column layout, http://bonrouge.com/2c-hf-fixed.php
PS: No need to slice the image to create the links, you could set a background color to the list-items.
kyllle
08-21-2008, 03:40 PM
Hey and thanks!! Iv alot of studyin to do!!! i never knew css could be soooooooo difficult!!

I was wondering how do I bunch the left navigation buttons together so they sit one after another like in the jpg??

in ff they are miles apart and in ie they are extremely close togeether!!!

Thanks again

Kyle
abduraooft
08-21-2008, 03:55 PM
Add #double_left li{
height:1%;
} in to your CSS. see http://www.satzansatz.de/cssd/onhavinglayout.html

This issue is already covered(in a different way) in the link given in my first post.
kyllle
08-21-2008, 04:08 PM
Thanks so much once again, iv now done what you said and this works great in ie but in ff all you can see is teh buttons stacked together, im really sorry for these constant questions!!

Thanks

Kyle

p.s could you tell me a bit about your experience etc in design?? you seem to know loads!!!!
abduraooft
08-21-2008, 04:18 PM
As a beginner, I'd recommend you to start with a standard layout, and modify it to achieve your goals(without changing the basic structure).
kyllle
08-21-2008, 04:30 PM
Hi again, thanks for your advice. I think its time to hit the books and get my head around the basics, I knew taking on the world of css would be daunting!!

I was just wondering though how ie displays the left hand buttons teh way they should and y ff displays them stacked together?? That puzzles me!!

Thanks again!!

Kyle
abduraooft
08-21-2008, 04:41 PM
It's due to that invalid DOCTYPE, change it to <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> see http://www.alistapart.com/articles/doctype/
kyllle
08-21-2008, 04:43 PM
I appreciate your time and your patience!!!
abduraooft
08-21-2008, 04:44 PM
You're welcome(to the world of valid markup and CSS too :))!