Web Design Forums

Do Gooder · 18-12-2007, 16:44

bin playing about with this layout.

disclaimer - i am not a websiting person - but reading books i have been trying my very best to code proper.

i have used H1/H2 and the P tag to set rounded corners on the boxes and set padding... very cleaver i thought... but that has meant i get crapping great big paragraph returns in text.. (see 'ethical advertisin' box)

so. what is the best way to sort it so i can space paras nicely?

Untitled Document

anything else awful you spot - speak it aloud!

Cheers geeky bods!

Richard Old School Rogers

herkalees · 18-12-2007, 16:58

Line 97 in your style sheet has this stuff:
p {
padding:5px 20px 20px;
}

That last 20px is your bottom padding. Lower the number and the gap will decrease.

Do Gooder · 18-12-2007, 17:01

ah.. but then... bear with me now i am silly.. the padding at the bottom of the boxes is lost.

thinking.... i could put padding on the bottom of the div i guess eh? cos the bottom curved graphic is a background pic so wont shift like the top graphic?

sounds good in theory! now to try..

herkalees · 18-12-2007, 17:04

Keep experimenting young grasshopper, the light will appear soon.

Do Gooder · 18-12-2007, 17:10

it best not.. it will only wake the baby up.. took hours to get him down!

Do Gooder · 18-12-2007, 18:00

think dats it fixed now. think.

need to look at it a-fresh tomorrow.

Shiro · 18-12-2007, 18:40

Looks good to me. I think your problem is solved.

Do Gooder · 18-12-2007, 18:48

chars haku

yup. this is starting to look like a webpage. still not settled on the look of the header and nav. def want something really simple - been around the houses a few times!

puzzle · 18-12-2007, 19:17

looks good to me too. white goes well with the brown

Do Gooder · 19-12-2007, 05:13

i like it this morning... whether i will still like it this afternoon i'm not sure. def better than the rushed together bobbins we currently have!

i managed to get the site to scale without breaking too much last night too. once the site is built i might play with some style switchers so users can control colours and type size etc... but as ever the code may defeat me!

Jayx · 19-12-2007, 11:20

...likes it. Presently you have one validation issue:

Quote:

Error Line 14, Column 158: there is no attribute "BORDER".

…ogo" width="148" height="103" border="0" class="logo" /></a>

You can fix that by removing border="0" and adding border:0; to your CSS

Other than that I'm really liking it.

Do Gooder · 19-12-2007, 11:22

Cheers Jayxy. will sort that.

18-12-2007, 16:44	#1 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,478	no longer getting stuck with me <p> tag bin playing about with this layout. disclaimer - i am not a websiting person - but reading books i have been trying my very best to code proper. i have used H1/H2 and the P tag to set rounded corners on the boxes and set padding... very cleaver i thought... but that has meant i get crapping great big paragraph returns in text.. (see 'ethical advertisin' box) so. what is the best way to sort it so i can space paras nicely? Untitled Document anything else awful you spot - speak it aloud! Cheers geeky bods! Richard Old School Rogers Last edited by Do Gooder : 19-12-2007 at 05:17.

18-12-2007, 16:58	#2 (permalink)
herkalees Semantics, yay. Join Date: Nov 2005 Location: Salem, Massachusetts Posts: 1,128	Line 97 in your style sheet has this stuff: p { padding:5px 20px 20px; } That last 20px is your bottom padding. Lower the number and the gap will decrease. __________________ Writing on markup, CSS, and other web geekery Professional, accessible, and search engine friendly web site development by Boston Web Studio

18-12-2007, 17:04	#4 (permalink)
herkalees Semantics, yay. Join Date: Nov 2005 Location: Salem, Massachusetts Posts: 1,128	Keep experimenting young grasshopper, the light will appear soon. __________________ Writing on markup, CSS, and other web geekery Professional, accessible, and search engine friendly web site development by Boston Web Studio

19-12-2007, 05:13	#10 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,478	i like it this morning... whether i will still like it this afternoon i'm not sure. def better than the rushed together bobbins we currently have! i managed to get the site to scale without breaking too much last night too. once the site is built i might play with some style switchers so users can control colours and type size etc... but as ever the code may defeat me! Last edited by Do Gooder : 19-12-2007 at 06:21.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

18-12-2007, 17:01	#3 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,478	ah.. but then... bear with me now i am silly.. the padding at the bottom of the boxes is lost. thinking.... i could put padding on the bottom of the div i guess eh? cos the bottom curved graphic is a background pic so wont shift like the top graphic? sounds good in theory! now to try..

18-12-2007, 17:10	#5 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,478	it best not.. it will only wake the baby up.. took hours to get him down!

18-12-2007, 18:00	#6 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,478	think dats it fixed now. think. need to look at it a-fresh tomorrow.

18-12-2007, 18:40	#7 (permalink)
Shiro shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 2,605	Looks good to me. I think your problem is solved.

18-12-2007, 18:48	#8 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,478	chars haku yup. this is starting to look like a webpage. still not settled on the look of the header and nav. def want something really simple - been around the houses a few times!

18-12-2007, 19:17	#9 (permalink)
puzzle Puzzle Join Date: Sep 2007 Location: London Posts: 183	looks good to me too. white goes well with the brown

19-12-2007, 11:22	#12 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,478	Cheers Jayxy. will sort that.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)