Results 1 to 15 of 15

Thread: CSS Help, Need to add a 3rd Column.

  1. #1
    Squeeler Vini's Avatar
    Join Date
    Jul 2003
    Location
    Sheffield
    Posts
    1,769
    Thanks
    44
    Thanked
    8 times in 8 posts

    CSS Help, Need to add a 3rd Column.



    This is a mock up, in PS, I need to add that third column, but not sure how.

    You can see the space I've made for it - here - but am struggling to get the 3rd colum, displaying at the top of the page, You will see in the bottom right it says 'iBeats.co.uk' which is the additional colum i've made, but its not displayed at the top

  2. #2
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    Have you googled for it? Because I've got a pretty damn good bet on that the first few hits will return what you need. BlueRobot do a pretty good tutorial for this kind of thing with IE fixes as well.

    Search first, ask later

  3. #3
    Squeeler Vini's Avatar
    Join Date
    Jul 2003
    Location
    Sheffield
    Posts
    1,769
    Thanks
    44
    Thanked
    8 times in 8 posts
    I did search, and I have tried various methods, the problem is there seems to be so many ways to do it, but originally I may have hindered the possibility by opting to go a different way...

    Edit: this is the page I trawled through, however, there was no noticeable (to me) piece of code, which is causing the third column i have added to align to the top of the 'designated area'
    Last edited by Vini; 01-11-2006 at 01:05 PM.

  4. #4
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    margin-top:howevermuchyouwantpx; then.

    It's because its position is absolute therefore it can go anywhere on the page without affecting other elements. So the center column is set so it has a set size margin on the right and left hand size which is room for the right and left columns.

  5. #5
    Squeeler Vini's Avatar
    Join Date
    Jul 2003
    Location
    Sheffield
    Posts
    1,769
    Thanks
    44
    Thanked
    8 times in 8 posts
    Quote Originally Posted by Kezzer View Post
    margin-top:howevermuchyouwantpx; then.

    It's because its position is absolute therefore it can go anywhere on the page without affecting other elements. So the center column is set so it has a set size margin on the right and left hand size which is room for the right and left columns.
    Christ, I wish i worked with CSS daily, with it being 6 months since working on the design of the site, the above makes no sense, simply applying margin-top:howevermuchyouwantpx; to the third rh-adblock does zip :s

  6. #6
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    margin-top:10px;

    or 20px, or whatever you want.

    Read the BlueRobot tutorial, I'm not explaining it when it's fully explained online.

  7. #7
    Ah, Mrs. Peel! mike_w's Avatar
    Join Date
    Oct 2003
    Location
    Hertfordshire, England
    Posts
    3,326
    Thanks
    3
    Thanked
    9 times in 7 posts
    You might want to try looking here: http://www.glish.com/css/

    Personally, I would probably make a div for each column and float the two on the left.
    Last edited by mike_w; 01-11-2006 at 11:28 PM.
    "Well, there was your Uncle Tiberius who died wrapped in cabbage leaves but we assumed that was a freak accident."

  8. #8
    Gaarrrrr! Dav0s's Avatar
    Join Date
    Aug 2005
    Location
    Bristol
    Posts
    1,442
    Thanks
    1
    Thanked
    3 times in 3 posts
    tbh id stick the whole thing in a 3 column table, and go from there, but maybe im just old school

  9. #9
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    Yes, but tables aren't designed for layouts. They never were. They're designed for table formatted data.

    I think you should brush up on CSS first. It's not a hard markup language whatsoever. It's just as easy as HTML.

  10. #10
    Gaarrrrr! Dav0s's Avatar
    Join Date
    Aug 2005
    Location
    Bristol
    Posts
    1,442
    Thanks
    1
    Thanked
    3 times in 3 posts
    oh i know CSS, quite well actually, im just rather lazy when it comes to formatting

    ooo u have 3999 posts

  11. #11
    Ah, Mrs. Peel! mike_w's Avatar
    Join Date
    Oct 2003
    Location
    Hertfordshire, England
    Posts
    3,326
    Thanks
    3
    Thanked
    9 times in 7 posts
    Tables for layout? Bah!

    As for CSS being as easy as HTML - to pick up, I'd agree, but CSS is harder to 'master' - there's nothing to master about HTML!
    "Well, there was your Uncle Tiberius who died wrapped in cabbage leaves but we assumed that was a freak accident."

  12. #12
    Comfortably Numb directhex's Avatar
    Join Date
    Jul 2003
    Location
    /dev/urandom
    Posts
    17,074
    Thanks
    228
    Thanked
    1,027 times in 678 posts
    • directhex's system
      • Motherboard:
      • Asus ROG Strix B550-I Gaming
      • CPU:
      • Ryzen 5900x
      • Memory:
      • 64GB G.Skill Trident Z RGB
      • Storage:
      • 2TB Seagate Firecuda 520
      • Graphics card(s):
      • EVGA GeForce RTX 3080 XC3 Ultra
      • PSU:
      • EVGA SuperNOVA 850W G3
      • Case:
      • NZXT H210i
      • Operating System:
      • Ubuntu 20.04, Windows 10
      • Monitor(s):
      • LG 34GN850
      • Internet:
      • FIOS
    Quote Originally Posted by Dav0s View Post
    oh i know CSS, quite well actually, im just rather lazy when it comes to formatting

    ooo u have 3999 posts
    if you were truly lazy, you'd pick the option which means you can change how an entire site looks by editing one file

    the point of css is to separate design from content. that way, you're free to change your design as many times as you like

  13. #13
    Squeeler Vini's Avatar
    Join Date
    Jul 2003
    Location
    Sheffield
    Posts
    1,769
    Thanks
    44
    Thanked
    8 times in 8 posts
    Quote Originally Posted by Kezzer View Post
    Read the BlueRobot tutorial, I'm not explaining it when it's fully explained online.
    Seems to work well. Struggling to get the middle column to look right in all res's, wanting it to take up a set percentage and not touch the left or right column.
    Last edited by Vini; 03-11-2006 at 11:53 AM.

  14. #14
    HEXUS.net Webmaster
    Join Date
    Jul 2003
    Location
    UK
    Posts
    3,108
    Thanks
    1
    Thanked
    0 times in 0 posts
    Why dont' you just give #newscontent a border of 300px and a right margin of 300px. The border creates the illusion of a column

  15. #15
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    Quote Originally Posted by Iain View Post
    Why dont' you just give #newscontent a border of 300px and a right margin of 300px. The border creates the illusion of a column
    I should've explained myself better, earlier on. This is what I really meant, Iain explains it better.

    Three column layouts really aren't difficult, and they even work correctly in IE (I wish I still had my old site design to show you)

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. PAYPAL, Add a Bank Account...
    By retroborg in forum General Discussion
    Replies: 0
    Last Post: 12-01-2006, 11:39 AM
  2. Image problems in IE (probably CSS related)
    By Dorza in forum Software
    Replies: 4
    Last Post: 08-05-2005, 11:50 PM
  3. divs and CSS
    By Kezzer in forum Software
    Replies: 11
    Last Post: 18-11-2003, 12:51 PM
  4. CSS Help
    By Basher in forum Software
    Replies: 19
    Last Post: 10-09-2003, 08:13 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •