Welcome Guest ( Log In | Join )

Discover the best free computer help!
Learn more about Geeks to Go by taking the tour. Want to ask a question, reply to a topic, or remove all advertising? It's easy, fast and free. Join today!
Spyware, virus, trojan, fake security or privacy alerts? Please start with our malware cleaning guide.
     
 
Reply to this topicStart new topic
CSS Layout, Need Help With This Layout
BARROS
post Apr 9 2007, 08:56 AM
Post #1


Member
***
Posts: 505
OS: Windows XP Home Edition (SP2), Windows Vista Home Premium



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 confused1.gif )

Attached Image



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

Go to the top of the page
 
+Quote Post
thenotch
post Apr 9 2007, 01:32 PM
Post #2


Member
Group Icon
Posts: 648
From: Missouri USA
OS: Windows XP Pro, Debian Linux, Windows Vista Business



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.

This post has been edited by thenotch: Apr 9 2007, 01:32 PM
Go to the top of the page
 
+Quote Post
BARROS
post Apr 9 2007, 03:47 PM
Post #3


Member
***
Posts: 505
OS: Windows XP Home Edition (SP2), Windows Vista Home Premium



What do you mean by Floating?

Im currently making the layout in Dreamweaver...and its gettin there...thumbsup.gif
Go to the top of the page
 
+Quote Post
thenotch
post Apr 9 2007, 04:35 PM
Post #4


Member
Group Icon
Posts: 648
From: Missouri USA
OS: Windows XP Pro, Debian Linux, Windows Vista Business



Great help #1
http://css.maxdesign.com.au/floatutorial/

Great help #2
http://htmldog.com/reference/cssproperties/float/
Go to the top of the page
 
+Quote Post
BARROS
post Apr 9 2007, 06:04 PM
Post #5


Member
***
Posts: 505
OS: Windows XP Home Edition (SP2), Windows Vista Home Premium



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 thumbsup.gif


Cheers,
Attached File(s)
Attached File  layout2.html ( 1.23K ) Number of downloads: 22
Attached File  layout.css ( 1.23K ) Number of downloads: 20
 
Go to the top of the page
 
+Quote Post
Michael
post Apr 9 2007, 07:32 PM
Post #6


Retired Staff
Group Icon
Posts: 1,856
From: Australia
OS: Linux



If your having trouble getting the content going right have a look at how I have done it with http://codefisher.org/css_tutorials/layout...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 sad.gif

This post has been edited by Michael: Apr 9 2007, 07:32 PM
Go to the top of the page
 
+Quote Post
BARROS
post Apr 9 2007, 08:17 PM
Post #7


Member
***
Posts: 505
OS: Windows XP Home Edition (SP2), Windows Vista Home Premium



QUOTE(Michael @ Apr 10 2007, 02:32 AM) [snapback]946341[/snapback]
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 biggrin.gif

Cheers for all your help guys thumbsup.gif



Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Collapse

> Similar Topics

    Topic Title Replies / Views Topic Information
No New Posts   1 / 399 6th August 2005 - 11:43 AM
kepardue started - last by NullWolf
No New Posts   1 / 447 6th April 2006 - 07:21 AM
TaNkZ101 started - last by thenotch
No New Posts   6 / 595 22nd April 2006 - 02:50 PM
TaNkZ101 started - last by 1nfection
No New Posts   0 / 2,419 17th January 2007 - 06:24 AM
Michael started - last by Michael

RSS Time is now: 7th January 2009 - 07:34 PM
Advertisements do not imply our endorsement of that product or service. The forum is run by volunteers who donate their time and expertise. We make every attempt to ensure that the help and advice posted is accurate and will not cause harm to your computer. However, we do not guarantee that they are accurate and they are to be used at your own risk.