Results 1 to 3 of 3

Thread: Sitemap in three or more columns

  1. #1
    User
    Join Date
    09-02-10.
    Location
    Banja Luka, Bosnia and Herzegovina
    Posts
    59

    Default Sitemap in three or more columns

    Is it possible to make Sitemap that would be divided into several columns (more than two). Or in general, how to make a custom list in footer which would be consisted from more than two columns?

    This is resulting with first two columns in same top position, and the third column is lowered:

    Code:
    .col1 {
    float:left;
    margin-left:8px;
    }
    .col2 {
    margin-left:168px;
    }
    .col3 {
    margin-left:336px;
    This is also working but in pairs 1-2, 3-4. It is not working for every odd column. Using the next code 3-4 are below 1-2.

    Code:
    .col1 {
    float:left;
    margin-left:8px;
    }
    .col2 {
    margin-left:168px;
    }
    .col3 {
    float:left;
    margin-left:336px;
    }
    .col4 {
    margin-left:524px;
    }

  2. #2
    User
    Join Date
    09-02-10.
    Location
    Banja Luka, Bosnia and Herzegovina
    Posts
    59

    Default Re: Sitemap in three or more columns

    Resolved using a table format instead <div>.

  3. #3
    User Andreas's Avatar
    Join Date
    07-11-09.
    Location
    Mönchengladbach
    Posts
    499

    Default Re: Sitemap in three or more columns

    You also can use the subcolumns markup together with subcolumns CSS to get columns stable in most browsers.

    Simple solution is
    Code:
    .col_1, .col_2, .col_3, .col_4 { 
      float: left;
      width: 25%;
    }
    Web-Development, Freelancer, Burgtech, XHTML, HTML5, CSS, PHP, Javascript, MooTools, MySQL and more
    Amazon wishlist

Bookmarks

Posting Permissions

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