help with a CSS design

executive · 03-21-2005, 01:37 AM

I'm designing a company website. I'm relatively new to CSS and I'm having trouble creating what seems to me a very simple design:

body background: fixed full page image
banner: fixed, 100 pixels high, full-width, transparent background
nav bar: fixed, 200 px wide, auto-height, opaque nav icons, semi-transparent tiled image background
content box: scrolling, auto height, auto width, opaque text, semi-transparent tiled image background
footer: fixed, 30 px high, full width, transparent background

mockup:
????: NamePros.com http://www.namepros.com/programming/76692-help-with-a-css-design.html

Here is as far as I could get in the actual design:
web page attemp

Brian · 03-21-2005, 09:09 AM

What kind of help do you need? Seems to me your getting along pretty good, just need to insert the banner image either by making it a div background or just inserting it normaly

redking · 03-21-2005, 09:34 AM

Hey executive, that looks like a good start to me. Keep playing around and trying different things out until you get the hang of it. There are lots of CSS tutorials online too, so be sure to check that out!

executive · 03-21-2005, 01:01 PM

Brian, the attempt right now doesn't look anything like my mockup and does not fit the description either. (for starters, the text is semi-transparent and there's borders all over the place)

redking, I've read several tutorials, and none go too deep into advanced layouts. There's articles here and there that cover individual aspects such as transparency or scrollling etc. but none about tying a whole page together. I've been playing for a few weeks now to no avail. My main problem is creating that scrolling content box which scales to the window size. In the method I am attempting to use now, I can't seem to make the borders not show.

labrocca · 03-22-2005, 10:07 AM

post what you got...

executive · 03-22-2005, 03:22 PM

Originally Posted by labrocca

post what you got...

I did.

Jaspworld · 03-28-2005, 07:25 AM

Check out the following css layouts tutor:
http://www.freewebsite.5u.com/scripts/csslayout.html

Zubair1 · 08-21-2005, 06:57 AM

Nice to tutorials JaspWorld

03-21-2005, 01:37 AM	THREAD STARTER #1 (permalink)
executive New Member Join Date: Mar 2005 Posts: 3	help with a CSS design I'm designing a company website. I'm relatively new to CSS and I'm having trouble creating what seems to me a very simple design: body background: fixed full page image banner: fixed, 100 pixels high, full-width, transparent background nav bar: fixed, 200 px wide, auto-height, opaque nav icons, semi-transparent tiled image background content box: scrolling, auto height, auto width, opaque text, semi-transparent tiled image background footer: fixed, 30 px high, full width, transparent background mockup: ????: NamePros.com http://www.namepros.com/programming/76692-help-with-a-css-design.html Here is as far as I could get in the actual design: web page attemp

03-21-2005, 09:09 AM	#2 (permalink)
Brian Senior Member Join Date: Sep 2003 Location: Charlottesville Virginia Posts: 2,317 Follow @laughtodeath	What kind of help do you need? Seems to me your getting along pretty good, just need to insert the banner image either by making it a div background or just inserting it normaly __________________ Free Games Funny Jokes and Pictures Free Basic cPanel Hosting

03-28-2005, 07:25 AM	#7 (permalink)
Jaspworld New Member Join Date: Mar 2005 Posts: 3	Check this out Check out the following css layouts tutor: http://www.freewebsite.5u.com/scripts/csslayout.html

08-21-2005, 06:57 AM	#8 (permalink)
Zubair1 NamePros Regular Join Date: Mar 2005 Posts: 912	Nice to tutorials JaspWorld __________________ Live Support : Zubair11 [at] hotmail.com Free SEO Directory! \|\| Free Online TV \|\| Tech Blog Web Design & Web Development Services \|\| Reliable Web Hosting

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Web Site Design/ ReDesign $25 - $75 USD	Jennie	Web Development Wanted	0	07-24-2004 05:15 PM
Logo Design Competition	SAI	Contests Forum	11	10-25-2003 07:54 PM
Web Design Review Process - 2 Many Cooks?	ixuma	Web Design Discussion	0	09-16-2003 08:36 PM
.:: Digital Studio Aroma ::. web design from $390	designbyaroma	Web Development Wanted	0	04-12-2003 03:34 AM
The Design Digest (directory of web designers)	tnrstudios	Web Hosting Offers	0	04-08-2003 06:51 AM

03-21-2005, 09:34 AM	#3 (permalink)
redking NamePros Member Join Date: Oct 2004 Location: New York Posts: 75	Hey executive, that looks like a good start to me. Keep playing around and trying different things out until you get the hang of it. There are lots of CSS tutorials online too, so be sure to check that out!

03-21-2005, 01:01 PM	THREAD STARTER #4 (permalink)
executive New Member Join Date: Mar 2005 Posts: 3	Brian, the attempt right now doesn't look anything like my mockup and does not fit the description either. (for starters, the text is semi-transparent and there's borders all over the place) redking, I've read several tutorials, and none go too deep into advanced layouts. There's articles here and there that cover individual aspects such as transparency or scrollling etc. but none about tying a whole page together. I've been playing for a few weeks now to no avail. My main problem is creating that scrolling content box which scales to the window size. In the method I am attempting to use now, I can't seem to make the borders not show.

03-22-2005, 10:07 AM	#5 (permalink)
labrocca NamePros Expert Join Date: Aug 2004 Location: Las Vegas Posts: 6,277 Follow @supportforums	post what you got...

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

help with a CSS design

Check this out