<div> and Positioning

Discussion in 'Web Design and Development' started by dingdongbubble, Jul 27, 2007.

  1. macrumors 6502a

    Joined:
    Jun 1, 2007
    #1
    I it possible for me to select some elements in my HTML usng the div tag and then using CSS or HTML itself, position the div selector and the elements in it, across the page for example on the riht side.

    I got this idea from:
    http://www.apple.com/search/store/?q=appleworks

    If you look on the right side, I want to make a box like the one around "All Categories"

    Here is a screenshot:
     

    Attached Files:

  2. macrumors regular

    Joined:
    May 15, 2006
    #2
    yes, but I wouldn't use padding, I would use floats. float:right;
     
  3. thread starter macrumors 6502a

    Joined:
    Jun 1, 2007
    #3
    So in CSS I select div id whatever and put float right?
     
  4. thread starter macrumors 6502a

    Joined:
    Jun 1, 2007
    #4
    Great

    That did the trick Thanks.

    How can I ine tune the thing to be exactly where I want it?
     
  5. thread starter macrumors 6502a

    Joined:
    Jun 1, 2007
    #5
    Uhh well that did help but how do I organise it?

    These are two screenshots. One is hat I have made in practice. And the other is of Apple's website. Its organized and thats is what I want.
     

    Attached Files:

  6. macrumors regular

    Joined:
    May 24, 2007
    Location:
    Surrey, UK
    #6
    Don't float it, position it! XD

    .class {
    position: absolute;
    right: 5px;
    top: 5px;
    }

    ^ self explanatory. :)
     
  7. thread starter macrumors 6502a

    Joined:
    Jun 1, 2007
    #7
    MUHUHUHUAHAHAHHA

    I love this. Thanks man.

    I am learning more and more. HAHAHAH

    So thats what they mean by absolute and relative position.

    Thanks again.
     

Share This Page