Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

CSS Layout


  • Please log in to reply

#1
BARROS

BARROS

    Member

  • Member
  • PipPipPip
  • 511 posts
Hey,

I am doing a group project for college which involves making a website. I have opted for a CSS layout as previous experiences with tables have left me feeling disappointed with the results...

I have used a basic CSS layout before and it looks really good, alot better than those tables...

I have attached a picture of how I would like the layout to look (if its possible :whistling: )

Layout.JPG


If you could please help me with this than that would be a massive help to the project...
  • 0

Advertisements


#2
thenotch

thenotch

    Member

  • Retired Staff
  • 667 posts
Any layout can be created with CSS...

This can be done and looks fairly straight-forward. Start at the left, create your DIV's from left to right, top to bottom and then start sizing to fit to the width you wish.

Pay close attention to sizes and padding.

Floating is your friend here, so brush up on that.

Edited by thenotch, 09 April 2007 - 01:32 PM.

  • 0

#3
BARROS

BARROS

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 511 posts
What do you mean by Floating?

Im currently making the layout in Dreamweaver...and its gettin there...:whistling:
  • 0

#4
thenotch

thenotch

    Member

  • Retired Staff
  • 667 posts
Great help #1
http://css.maxdesign...u/floatutorial/

Great help #2
http://htmldog.com/r...operties/float/
  • 0

#5
BARROS

BARROS

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 511 posts
Hey,

Ive had a go at the layout and so far ive got everything apart from the right hand side...I just cant get it to go to the right...

I have included the CSS file and the webpage so that you can see what I have done...and maybe you could help me get the rest on the right hand side :whistling:


Cheers,

Attached Files


  • 0

#6
Michael

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
If your having trouble getting the content going right have a look at how I have done it with http://codefisher.or...ee_column_fixed

You should be just able to add all the other divs inside the one you get floating right. Have a play with it an see how you go.

EDIT: I have not finished that part of the tutorial yet :whistling:

Edited by Michael, 09 April 2007 - 07:32 PM.

  • 0

#7
BARROS

BARROS

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 511 posts

You should be just able to add all the other divs inside the one you get floating right. Have a play with it an see how you go.

Didnt think of this at the time...I created the "float_right" DIV inside the top right menu header...and now it all works :blink:

Cheers for all your help guys :whistling:
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP