Need quick CSS help please

Discussion in 'CSS' started by Linking-Service, Mar 31, 2012.

0
  1. #1
    Hi DPs, I need some help to make my top categories in the right side split in 2 columns instead 1. http://www.sneakdirectory.com/

    It's a phpld widget and I believe the CSS code it uses is this:

    .boxPopCats {
    padding: 10px 10px 10px 20px;
    margin: 0;
    list-style: none;
    }

    .boxPopCats li {
    background: url("../images/gray-arrow-sm.png") no-repeat scroll 0 9px transparent;
    border-bottom: 1px solid #EFEFEF;
    padding: 7px 5px 7px 15px;
    text-shadow: 0 1px 0 #FFFFFF;
    }

    .boxPopCats li a:link, .boxPopCats li a:active, .boxPopCats li a:visited {
    color: #000000;
    text-decoration: none;
    }

    .boxPopCats li:hover {
    background:#F4F4F4;
    }
    .boxPopCats li a:hover {
    text-decoration:underline;
    }



    Thx a lot for helping me out. :)
     
    Linking-Service, Mar 31, 2012 IP
  2. amalfra

    amalfra Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try this :

    add following to .boxPopCats
    "
    min-height    : 180px;
    width: 30em;
    "


    add following to .boxPopCats li
    "
    float: left;
    width:10em;
    "

    I have tested this on chrome only and change the min-height accordingly ;

    Hope this would help you :)
     
    amalfra, Apr 6, 2012 IP
  3. Linking-Service

    Linking-Service Well-Known Member

    Messages:
    469
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    175
    #3
    thanks a lot, will try that and let you know, thx again :)
     
    Linking-Service, Apr 6, 2012 IP
  4. intrig

    intrig Member

    Messages:
    109
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    38
    #4
    yup go for this one. i was thinking on similar lines.

     
    intrig, Apr 6, 2012 IP