css layout help needed

This is a discussion on "css layout help needed" within the Web Page Design section. This forum, and the thread "css layout help needed are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Oct 8th, 2006, 15:47
Junior Member
Join Date: Jun 2006
Location: Kiev, Ukraine
Posts: 18
Thanks: 0
Thanked 0 Times in 0 Posts
css layout help needed

Hi,
I'm trying to remake my old site in pure CSS, but i'm new in css layouts , (actually this is my first try to do pretty complex page this way, so any help and critics accepted ).
Despite the thing work somehow already i don't know how to add a column there. I need a column at right (gray space near the main text) to put there adds and (or) links etc. (or additional contextual menus on some pages.)
I tried various positions from putting DIV after main text DIv, including DIV in main text Div, maybe more. All i can get is that DIV BELOW text or left or whatever...
Any help will be appreciated ( hope you understand what i want, 'cause i'm not always good in expressing myself in English )
http://www.allbonjovi.com/index444.html - this is a try
http://www.allbonjovi.com - original (this one is not OK i know)

(http://www.allbonjovi.com/mov-crywolf.htm
http://www.allbonjovi.com/cgi-bin/wo...-articles.html
- some more examples of what i want to see)
Reply With Quote

  #2 (permalink)  
Old Oct 8th, 2006, 17:00
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

Download and work through the Templates tutorial available from the sticky thread at the top of this forum.

That should get you on the right track.
Reply With Quote
  #3 (permalink)  
Old Oct 8th, 2006, 17:03
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 268
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

Are you just trying to get 2 columns next to each other?

If you are then create 2 divs, the first one with an id of left the second one with an id of right. In the HTML code put the Div with an id of right above the one with left.

In CSS just add

#right {
float:right;
}

Not sure if thats what you wanted but hope it helps.
Reply With Quote
  #4 (permalink)  
Old Oct 8th, 2006, 17:03
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 268
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

or do what geoff said lol
Reply With Quote
  #5 (permalink)  
Old Oct 8th, 2006, 17:16
Junior Member
Join Date: Jun 2006
Location: Kiev, Ukraine
Posts: 18
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

thanx for reply
i already have 2 colums - first one with menu and second with text. i need to add third then. and when i do it - all that works becomes crazy...
i want this additional column somewhere inside RED square http://www.allbonjovi.com/layout.gif
Reply With Quote
  #6 (permalink)  
Old Oct 8th, 2006, 17:59
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 268
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

Not sure if this would work, but could you do the left and right, but then inside the right column add 2 divs called middle and farright or something, make the far right one float right?

Making sure to put the farright column before the middle one
Reply With Quote
  #7 (permalink)  
Old Oct 9th, 2006, 17:40
Junior Member
Join Date: Jun 2006
Location: Kiev, Ukraine
Posts: 18
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

i'll try.. thank you
Reply With Quote
  #8 (permalink)  
Old Oct 9th, 2006, 17:42
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 268
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

if it works some reputation points would be nice lol
Reply With Quote
  #9 (permalink)  
Old Oct 9th, 2006, 17:48
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 268
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

I think the issue is trying to get 3 columns
Reply With Quote
  #10 (permalink)  
Old Oct 9th, 2006, 17:50
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,948
Blog Entries: 1
Thanks: 0
Thanked 29 Times in 29 Posts
Re: css layout help needed

Yeah I need to whip one of those up, I have one I did a while back.. now to find it. Until then this will help. http://www.alistapart.com/articles/holygrail/
__________________
I hate IE 6. Just sayin....
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #11 (permalink)  
Old Oct 9th, 2006, 19:13
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

The template tutorial I pointed the thread originator at in response to there initial post has a central section with three columns. It also has a header and footer.

Everything you need is there as a basic starting point. From there adjust to your requirements.
Reply With Quote
  #12 (permalink)  
Old Oct 10th, 2006, 18:51
Junior Member
Join Date: Jun 2006
Location: Kiev, Ukraine
Posts: 18
Thanks: 0
Thanked 0 Times in 0 Posts
Re: css layout help needed

it seems I did it
http://www.allbonjovi.com/index666.html
float: right helped.
but i'll go thru tutorials too , thank u
Reply With Quote
Reply

Tags
css layout

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
layout changes needed 1andyw Website Planning 2 Sep 18th, 2007 13:57
Help needed to slice a site (Simple layout) shorn Starting Out 1 Apr 23rd, 2007 12:43
3 column layout help needed AdRock Web Page Design 12 Apr 13th, 2007 23:40
Help needed with page layout Bhavana2001 Starting Out 1 Mar 9th, 2007 14:36


All times are GMT. The time now is 16:16.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43