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 3 of 3
  1. #1
    Junior Member
    Join Date
    Jul 2012
    Posts
    26
    Member #
    32295
    Liked
    3 times
    Now that my background is back (thanks Thegame1264) I am having issues with positioning the #slider div that contains the lovely nivoslider that's been such a p.i.t.a. Ive tried align and padding attributes among other things which have not worked. Any help would be appreciated

    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;
    }
    a img {border: none; }
    
    /* 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;
    
        }
    
    /*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;
     
    }
    /*============================*/
    /*=== Custom Slider Styles ===*/
    /*============================*/
    #slider_wrapper {
        background-image: url(http://www.warpedentertainments.adklicks.info/images/slider.png);
        background-repeat:no-repeat;
        width:998px;
        height:392px;
        padding-bottom: 35px;
        background-position:inherit;
        position: static;
    
    }
    
    #slider {
        position: relative;
        width:618px;
        height:246px;
        background:url(http://www.warpedentertainments.adklicks.info/images/loading.gif) no-repeat 50%;
     
    }
    
    #slider img {
        position:absolute;
        top:0;
        left:0;
        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
    Junior Member
    Join Date
    Jul 2012
    Posts
    26
    Member #
    32295
    Liked
    3 times
    nvm I got it, forgot to save changes before I uploaded

    top:XXpx;
    left:XXpx;

  4. #3
    Junior Member
    Join Date
    Aug 2012
    Posts
    1
    Member #
    32424
    Code:
    #outside_div{
    position:relative;
    .......
    }
    
    #inside_div{
    position:absolute;
    top: xx px;
    left: xx px;
    }
    I like this method....


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
  •  
All times are GMT -6. The time now is 09:05 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com