Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Apr 2007
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with layout...?

    Hey all, I was wondering if you all could help me with Soundclick layout I'm working on?

    I have 2 problems with it so far:

    1) I'm trying to get all of the content centered, but whenever I try to re-position the mainTable (which, if I'm not mistaken, is the main "box" that everything is contained in), part of it disappears. Is there a simple tag that will allow me to do that?

    2) If you notice on the page, all of the song boxes (down near the bottom) are all scrunched up together...I've tried adjusting the height of the .mainContent, .mainTable, and .navigation classes to expand the container, but they're still not expanding like they should.

    If you go to www.dreasbeats.com, you can see an example of how they SHOULD look.

    Can anybody tell me why this is happening??? And also, how to fix it?? Very confused about this...

    Thanks in advance to any and everyone who can provide some assistance!!

    ~ c4xL

  • #2
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    To center aligned main container you can use following code:

    Code:
    #wrapper {
    width:1000px;
    margin:0 auto;
    position:relative;
    overflow:auto;
    }
    How ever for issues, please share your page link and full code atleast..

  • #3
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    #main
    {
        width:1000px;
        margin:0 auto;
    }
    For IE6

    Code:
    body
    {
         _text-align:center;
    }
    #main
    {
         width:1000px;
         margin:0 auto;
         _text-align:left;
    
    }
    Last edited by guiyman; 09-19-2011 at 11:24 PM. Reason: error

  • #4
    New Coder
    Join Date
    Apr 2007
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by vikram1vicky View Post
    To center aligned main container you can use following code:

    Code:
    #wrapper {
    width:1000px;
    margin:0 auto;
    position:relative;
    overflow:auto;
    }
    How ever for issues, please share your page link and full code atleast..
    @Vicky: Oh yea, sorry about that...

    Here's the code that I used for the .mainTable class (the MAIN container), the .navigation class (which houses the layout, as well as some other components), and the .mainContent class (which, if I'm not mistaken, is where the songBoxes and what not are contained):

    Code:
    /*** MAIN TABLE ***/
    
     .mainTable {
      background-color: transparent;
      background-repeat: no-repeat;
      border: 2px solid transparent;
      position: ;
      clear: both;
      width: 100%;
      height: 5000px;
      overflow: hidden;
      margin-left: auto;
      margin-top: auto;
    
     }
    
    
    /*** LEFT-SIDE NAVIGATION ***/
    
     .navigation {
      background-color: transparent;
      background-image: url(http://i1201.photobucket.com/albums/bb357/HusaynDoesIt/LUCIANO%20BEATS/luciano_beats_sc_layout_1_final.png);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      clear: both;
    
      }
    
    /*** MAIN CONTENT ***/
    
     .mainContent {
      background: none repeat scroll 0 0 transparent;
      width: 100%;
      height:  100%;
      clear: both;
      position: absolute;
      top: 200px;
      margin-bottom: 10px;
      overflow: hidden;
    
     }
    The link to the page where you can view the layout is www.soundclick.com/lucianobeats.

    If you go there, you can see what I mean (about the layout being off-center, and the songs all piling up on top of each other ).

    Like I said, I'm trying to have the position of the layout look more like www.dreasbeats.com (with the way it's all centered, and how his individual songBoxes aren't all scrunched up together).

    If anybody can help me get there, it would be GREATLY appreciated!!

  • #5
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    Quote Originally Posted by soniasharma View Post
    Hey guys what is web 2.0? is it useful in SEO?
    Sonia,

    Following are some links, which will help you

    http://en.wikipedia.org/wiki/Web_2.0

    http://webdesign.about.com/od/web20/a/aa021306.htm

    http://www.andybudd.com/presentations/dcontruct05/


  •  

    Posting Permissions

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