Help me start up my css code for my site

  • fifthspoke
  • Newbie
  • Newbie
  • fifthspoke
  • Posts: 6

Post 3+ Months Ago

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
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

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
  • fifthspoke
  • Posts: 6

Post 3+ Months Ago

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

Post 3+ Months Ago

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
  • fifthspoke
  • Posts: 6

Post 3+ Months Ago

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
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

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
  • Posts: 778
  • Loc: In the heart of California, Fresno.

Post 3+ Months Ago

Well done. Looks good.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8399
  • Loc: USA

Post 3+ Months Ago

You didn't close a <p> on line 64. You better do that :D Than your HTML code would validate I think :)
  • fifthspoke
  • Newbie
  • Newbie
  • fifthspoke
  • Posts: 6

Post 3+ Months Ago

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
  • bilhasry4you
  • Posts: 33

Post 3+ Months Ago

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 44 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
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.