Grow your CSS skills. Land your dream job.

Layout (960gs)

  • # November 14, 2013 at 12:03 pm

    Hello,

    I have an appearance problem & I cant identify what it is….. but i think the problem is around lines 148 -160…….

    Basically the test content (Flight Bookings, Hotel Booking & Corporate Travel) should be spaced out under grid 4 which each taking a 3rd of the page but this is not the case here. What could be wrong?

    Link is http://www.individualmantravels.com/services.html

    # November 14, 2013 at 12:30 pm

    You got typo, in your HTML, should be

    <div class="container_12">
    
    not
    
    <div class="container_121">
    
    # November 14, 2013 at 12:35 pm

    I created a new rule & called it container_121 . The feature for container_121 is the white background colour for that div……………

    # November 14, 2013 at 12:57 pm

    I don’t see anywhere in your CSS that you declared .container_121 selector.
    You should have something like this in you CSS:

    .container_121 .grid_4 {
      width: 300px;
      background:white;
    }
    
    # November 14, 2013 at 1:55 pm

    Hello Jurotek,

    Thanks a lot for your help so far. I do have the .container_121 in my css , below the rules for .grid_1-.grid_12. Thanks for your suggestion but it wont work as what I am trying is to have a div with width 960, white background colour and then the three elements styled with grid_4…. similar to http://www.peacocktravelsandtours.com (div with welcome, Hot destinations, Special Offers.)…..

    Ed
    # November 14, 2013 at 4:47 pm

    Please listen to @jurotek, he’s fixed your problem. I just did what he said – changed class="container_121" to class="container_12" in Chrome Dev Tools and the problem goes away.

    If you would like to have a white background behind that part of the page, add another class to the same element, and then do:

    .YOUR-CLASS-NAME-HERE {
        background-color: #ffffff;
    }
    

    Obviously change that selector to the class name you use. :)

    # November 15, 2013 at 7:23 am

    ah……..right……..thanks………

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".