CSS Layout, Need Help With This Layout |
![]() ![]() |
CSS Layout, Need Help With This Layout |
Apr 9 2007, 08:56 AM
Post
#1
|
||
![]() Member ![]() ![]() ![]() Posts: 505 OS: Windows XP Home Edition (SP2), Windows Vista Home Premium |
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 If you could please help me with this than that would be a massive help to the project... |
|
|
|
Apr 9 2007, 01:32 PM
Post
#2
|
|
![]() Member 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 |
|
|
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... |
|
|
Apr 9 2007, 04:35 PM
Post
#4
|
|
![]() Member 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/ |
|
|
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 Cheers,
Attached File(s)
|
|
|
Apr 9 2007, 07:32 PM
Post
#6
|
|
|
Retired Staff 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 This post has been edited by Michael: Apr 9 2007, 07:32 PM |
|
|
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 Cheers for all your help guys |
|
|
![]() ![]() |
Similar Topics
| Topic Title | Replies / Views | Topic Information | |||||
|---|---|---|---|---|---|---|---|
![]() |
1 / 399 | 6th August 2005 - 11:43 AM kepardue started - last by NullWolf |
|||||
![]() |
1 / 447 | 6th April 2006 - 07:21 AM TaNkZ101 started - last by thenotch |
|||||
![]() |
6 / 595 | 22nd April 2006 - 02:50 PM TaNkZ101 started - last by 1nfection |
|||||
![]() |
0 / 2,419 | 17th January 2007 - 06:24 AM Michael started - last by Michael |
|||||
|
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. |