Help me start up my css code for my site

  • fifthspoke
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 04, 2008
  • Posts: 6
  • Status: Offline

Post August 11th, 2008, 12:26 pm

hey everyone!

My boss put me in charge of designing our companies web site and I need some help to start me up with the css layout part of it.

http://www.goldsungames.com/gs_site.jpg <= what the site will look like more or less

I know I'll have to put everything in a <div id="wrapper"></div> and then center it.

Not too sure how I'm going to make the "footer" part of it stick to the bottom of the browser and have the "content" section stretch from the "header" to the "footer".

And I'd like to find a way to take a 1 pixel jpg of the sides of the content box (where the drop shadow is) and strech it inside a <div> or something.

thanks in advance for any help

I'll keep trying to figure out how i'm goign to do this
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 11th, 2008, 12:26 pm

  • Fabinator
  • Proficient
  • Proficient
  • No Avatar
  • Joined: May 05, 2007
  • Posts: 467
  • Status: Offline

Post August 11th, 2008, 12:35 pm

I don't have time know but I can give you a link to a series of great screencasts about this topic:

CSS tricks: converting a photoshop mockup
http://css-tricks.com/videos/css-tricks-video-12.php
http://css-tricks.com/videos/css-tricks-video-13.php
http://css-tricks.com/videos/css-tricks-video-14.php

Look at these three vids. They should help you on the way. When you still have specific problems, i'll see if i can help you out ;)
  • fifthspoke
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 04, 2008
  • Posts: 6
  • Status: Offline

Post August 11th, 2008, 12:36 pm

awesome dude... i'm going to watch those right away, thanks :)
  • ben_sigma
  • Beginner
  • Beginner
  • User avatar
  • Joined: Mar 12, 2008
  • Posts: 58
  • Loc: South Australia
  • Status: Offline

Post August 11th, 2008, 5:14 pm

Another place to go for great help with css is W3Schools.
http://www.w3schools.com/Css/default.asp
Have fun and good luck with your page.
Make sure you ask when you come to more specific problems.
This forum is a goldmine of knowledge. :D
  • fifthspoke
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 04, 2008
  • Posts: 6
  • Status: Offline

Post August 14th, 2008, 5:24 am

I thought I'd post my progress on this

http://www.goldsungames.com/Test/index.html

The videos were awesome... I'm starting to watch the other ones on that site

I still have to put the png IE hack and theres a couple hickups here and there... my boss said i can't go on vacation until i'm done this site so i'm going to try to wrap this up today ha ha
  • Fabinator
  • Proficient
  • Proficient
  • No Avatar
  • Joined: May 05, 2007
  • Posts: 467
  • Status: Offline

Post August 14th, 2008, 11:12 am

fifthspoke wrote:
awesome dude... i'm going to watch those right away, thanks :)

you're welcome :D
  • Belk Media Group
  • Graphic Monk
  • Professor
  • User avatar
  • Joined: Jan 12, 2005
  • Posts: 778
  • Loc: In the heart of California, Fresno.
  • Status: Offline

Post August 15th, 2008, 3:41 pm

Well done. Looks good.
http://www.JamesBelk.com Stay Tuned for the new era in Belk Media Design
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post August 15th, 2008, 8:49 pm

You didn't close a <p> on line 64. You better do that :D Than your HTML code would validate I think :)
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • fifthspoke
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 04, 2008
  • Posts: 6
  • Status: Offline

Post August 18th, 2008, 4:14 pm

thanks guys... i fixed that <p> seems to be validated now but my css is not... something about the hack for the png fix... i'm going to re-read the instruction ha ha
  • bilhasry4you
  • Novice
  • Novice
  • No Avatar
  • Joined: Feb 12, 2008
  • Posts: 33
  • Status: Offline

Post August 20th, 2008, 4:41 am

nice one
if u need more source code check here
http://www.dynamicdrive.com

Post Information

  • Total Posts in this topic: 10 posts
  • Users browsing this forum: No registered users and 155 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.