Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Junior Member
    Join Date
    Jul 2012
    Posts
    26
    Member #
    32295
    Liked
    3 times
    First off I want to say I have validated the CSS and have no errors so the page is free of parse errors
    Secondly I have been working with the nivoSlider and it is the wrapper containing the slider I am having such issues with

    Link to the page I am having issues with is here
    the div giving me trouble is slider_wrapper, it will not show the background image nor when I tested out will it show a background color when i remove the image. The image dimensions are 998ppx by 392px and I do not see where it is breaking out, here is the css code

    HTML Code:
    /*=================================*/
    /* Nivo Slider Demo
    /* November 2010
    /* By: Gilbert Pellegrom
    /* http://dev7studios.com
    /*=================================*/
    
    /*====================*/
    /*=== Reset Styles ===*/
    /*====================*/
    
    body{
    background: #000000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzkyMWNmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzE0NzhmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #000000 0%, #921cf6 50%, #1478fd 50%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#921cf6), color-stop(50%,#1478fd), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #000000 0%,#921cf6 50%,#1478fd 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #000000 0%,#921cf6 50%,#1478fd 50%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #000000 0%,#921cf6 50%,#1478fd 50%,#000000 100%); /* IE10+ */
    background: linear-gradient(to right,  #000000 0%,#921cf6 50%,#1478fd 50%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
    
    }
    
    caption, th, td {
        text-align:left;
        font-weight:normal;
    }
     
    /* HTML5 tags */
    /*header, section, footer,
    aside, nav, article, figure {
        display: block;
    }
    
    /*===================*/
    /*=== Main Styles ===*/
    /*===================*/
    #container
    {
        margin: 0 auto;
        width: 1023px;
        min-height:768px;
        height: 100%;
        background-image:url(http://www.warpedentertainments.adklicks.info/images/background.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        float: none;
        outline:none;
        -moz-border-radius:55px;
        border-radius:55px;
      -webkit-box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.87);
      -moz-box-shadow:    -2px 4px 3px rgba(0, 0, 0, 0.87);
      box-shadow:        -2px 4px 3px rgba(0, 0, 0, 0.87);
      
    }
     
    #header
    {
     
        width: 100%;
        height:78px;
    }
    
    #header h1 {
        margin: 0;
    
        }
    
    /*all btn are images in place of text for nav menu*/
    .btn1-hover {
    display:block;
    background-image:url(http://www.warpedentertainments.adklicks.info/images/servicesbtninact.png);
    width:297px;
    height:75px;
    outline:none;
    }
    .btn1-hover:hover {
    background-image:url(http://www.warpedentertainments.adklicks.info/images/servicesbtnact.png);
    width:297px;
    height:75px;
    outline:none;
    }
    
        .btn2-hover {
    display:block;
    background-image:url(http://www.warpedentertainments.adklicks.info/images/mediabtninact.png);
    width:297px;
    height:75px;
    outline:none;
    }
    .btn2-hover:hover {
    background-image:url(http://www.warpedentertainments.adklicks.info/images/mediabtnact.png);
    width:297px;
    height:75px;
    outline:none;
    }
        .btn3-hover {
    display:block;
    background-image:url(http://www.warpedentertainments.adklicks.info/images/contactbtninact.png);
    width:297px;
    height:75px;
    outline:none;
    }
    .btn3-hover:hover {
    background-image:url(http://www.warpedentertainments.adklicks.info/images/contactbtnact.png);
    width:297px;
    height:75px;
    outline:none;
    }
        .btn4-hover {
    display:block;
    background-image:url(http://www.warpedentertainments.adklicks.info/images/buynowinact.png);
    outline:none;
    }
    .btn4-hover:hover {
    background-image:url(http://www.warpedentertainments.adklicks.info/images/buynowact.png);
    outline:none;
    }
    
    /*nav menu*/
    #navigation
    {
        float:inherit;
        width:895px;
        height:78px;
        outline:none;
        padding-left:55px;
        padding-top:20px;
    }
    
    #navigation ul
    {
        margin: 0;
        padding: 0;
    outline:none;
    }
    
    #navigation ul li
    {
        list-style-type: none;
        display: inline;
    outline:none;
    }
    
    #navigation li a
    {
        display: block;
        float: left;
        padding:0px;
        text-decoration: none;
        outline:none;
    
    }
    #dev7link {
        position:absolute;
        top:0;
        left:50px;
        background:url(http://www.warpedentertainments.adklicks.info/images/dev7logo.png) no-repeat;
        width:60px;
        height:67px;
        border:0;
        display:block;
        text-indent:-9999px;
    }
    #content{
        min-height:670px;
        width:1023px;
     
        }
        /*youtube*/
    #youtube{
        height:110px;
        width:618px;
        position: static;
        padding-bottom:100px;
    
    }
    /*============================*/
    /*=== Custom Slider Styles ===*/
    /*============================*/
    #slider-wrapper {
        background-image: url(http://www.warpedentertainments.adklicks.info/images/slider.png);
        background-repeat:no-repeat;
        width:998px;
        height:392px;
          float:right;
    
    }
    
    #slider {
        position:relative;
        width:618px;
        height:246px;
        margin-left:20%;
        background:url(http://www.warpedentertainments.adklicks.info/images/loading.gif) no-repeat 50%;
    }
    #slider img {
        position:absolute;
        top:0px;
        left:0px;
        display:none;
    }
    #slider a {
        border:0;
        display:block;
    }
    /*the nivo slider styles*/
     
    .nivoSlider{
        position:relative;
        }
    
        .nivoSlider img{
        position:absolute;
        top:0;
        left:0;
            }
        /*if an image is wrapped in a link*/
    .nivoSlider a.nivo-imageLink{
            position:absolute;;
            top:0;
            left:0;
            width:100%;
            height:100%;
            border:0;
            padding:0;
            margin:0;
            z-index:6;
            display:none;
        }
        /* The slices and boxes in the Slider */
    .nivo-slice {
        display:block;
        position:absolute;
        z-index:5;
        height:100%;
        top:0;
    }
    .nivo-box {
        display:block;
        position:absolute;
        z-index:5;
        overflow:hidden;
    }
    .nivo-box img { display:block; }
    
    /*caption styles*/
    .nivo-caption {
        text-shadow:none;
        font-family: Helvetica, Arial, sans-serif;
        text-transform:uppercase;
        position:absolute;
        left:0;
        bottom:0;
        background:#000;
        color:#fff;
        opacity:0.8;
        width:100%;
        z-index:8;
     
    }
    
    .nivo-caption p{
        padding:5px;
        margin:0;
        }
    .nivo-caption a {
        color:#efe9d1;
        text-decoration:none;
    }
    .nivo-caption a:hoover{
        color:#0066cc;
        text-decoration:underline;
        }
    
    .nivo-html-caption{
        display:none;
        }
        /*Direction nav styles (prev & Nex)*/
    
        .nivo-directionNav a {
        display:block;
        width:30px;
        height:30px;
        background:url(http://www.warpedentertainments.adklicks.info/images/arrows.png) no-repeat;
        text-indent:-9999px;
        border:0;
        position: absolute;
        top:45%;
        z-index:9;
        cursor:pointer;
    }
    a.nivo-nextNav {
        background-position:-30px;
        right:15px;
    }
    a.nivo-prevNav {
        left:15px;
    }
    
    /*Control nav styles (e.g. 1,2,3...)*/
    
    .nivo-controlNav a {
        display:block;
        width:22px;
        height:22px;
        background:url(http://www.warpedentertainments.adklicks.info/images/bullets.png) no-repeat;
        text-indent:-9999px;
        float:left;
        border:0;
        margin-left:5px;
        margin-top:46px;
    
    }
    .nivo-controlNav {
        margin-left:446px;
    
    }
    
    .nivo-controlNav a.active {
        background-position:0 -22px;
    }
       
    /*====================*/
    /*=== Other Styles ===*/
    /*====================*/
    .clear {
        clear:both;
    }

  2.  

  3. #2
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Remove your float. I'm not even sure why you have it there, but remove it.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  4. #3
    Junior Member
    Join Date
    Jul 2012
    Posts
    26
    Member #
    32295
    Liked
    3 times
    done and issue still there

  5. #4
    Junior Member
    Join Date
    Jul 2012
    Posts
    26
    Member #
    32295
    Liked
    3 times
    It may be worth mentioning I made the site in linux mint 13, I just found out it is having issues in IE and possibly mozilla and chrome for win; I have to work on this as I am new to Linux I was a bit blindsided to this issue

  6. #5
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Okay, my bad, because your issue can be caused by an uncleared float.

    The other issue is that your div is called slider_wrapper. In your CSS, you're referencing slider-wrapper.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  7. #6
    Junior Member
    Join Date
    Jul 2012
    Posts
    26
    Member #
    32295
    Liked
    3 times
    thank you so much! its always something like that lol.

  8. #7
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Yeah, it often is. It escaped me the first time as well, though.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)


Remove Ads

Posting Permissions

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

Search tags for this page

background color of div tag wont show color

Click on a term to search for related topics.
All times are GMT -6. The time now is 09:51 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com