Developer's Forum

Solving daily Web Developing problems

Developer's Forum Logo

Please look at my code VS Preparing for the Content Slider

  • Started 6 months ago by Krite
  • 1 post and 1 voice
  • This topic is not resolved
  • 1 Members Subscribed To Topic
  • Posts in this topic

Tags:

  1. Krite

    into the Matrix
    Joined: Nov '10
    Posts: 129

    offline

    i look at this site : Preparing for the Content Slider but I do not know if I have solved the article is correct or not, please get with you.

    this is style.css line 98 to 151

    .main-container {}
    /*
    .main { background:#fff; border:1px solid #bbb; border-top:0; border-bottom-color:#666; padding:16px 16px 50px; min-height:350px; }
    */
    .main {padding:16px 16px 50px; min-height:550px; color: #fff; }

    /* Base Columns */
    .col-left { float:left; width:220px; padding:0 0 1px; }
    .col-main { float:left; width:686px; padding:0 0 1px; }
    .col-right { float:right; width:220px; padding:0 0 1px; }

    /* 1 Column Layout */
    .col1-layout .main { padding:16px 30px 40px; }
    .col1-layout .col-main { float:none; width:auto; }

    /*Content Slider & Hero Images */
    .content-slider img {border: #fff solid 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
    .content-slider .five-img-slide {list-style: none; margin: 0 0 0 -8px; position: relative; width: 960px; height:470px;}
    .content-slider .five-img-slide li {display: inline; position: absolute;}
    .content-slider .five-img-slide .slide5-2 {left: 370px;}
    .content-slider .five-img-slide .slide5-3 {left: 370px; top: 280px;}
    .content-slider .five-img-slide .slide5-4 {left: 570px; top: 280px;}
    .content-slider .five-img-slide .slide5-5 {left: 720px;}
    .content-slider .three-img-slide {list-style: none; margin: 0 0 0 -8px; position: relative; width: 960px; height:470px;}
    .content-slider .three-img-slide li {display: inline; position: absolute;}
    .content-slider .three-img-slide .slide3-2 {top: 235px;}
    .content-slider .three-img-slide .slide3-3 {left: 610px;}

    .content-slider .one-img-slide {margin: 0 0 10px -8px; position: relative;}

    /* 2 Columns Layout */
    .col2-left-layout .col-main { float:right; }
    .col2-right-layout .col-main {}

    /* 3 Columns Layout */
    .col3-layout .col-main { width:452px; }
    .col3-layout .col-wrapper { float:left; width:689px; }
    .col3-layout .col-wrapper .col-main { float:right; }

    /* Content Columns */
    .col2-set .col-1 { float:left; width:48.5%; }
    .col2-set .col-2 { float:right; width:48.5%; }
    .col2-set .col-narrow { width:32%; }
    .col2-set .col-wide { width:65%; }

    .col3-set .col-1 { float:left; width:32%; }
    .col3-set .col-2 { float:left; width:32%; margin-left:2%; }
    .col3-set .col-3 { float:right; width:32%; }

    .col4-set .col-1 { float:left; width:23.5%; }
    .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
    .col4-set .col-3 { float:left; width:23.5%; }
    .col4-set .col-4 { float:right; width:23.5%; }

    Thank you for help me.

    Posted 6 months ago #

Reply

You must log in to post.