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 4 of 4
Like Tree1Likes
  • 1 Post By Ronald Roe

Thread: need a little help please iv hit a wall.

  1. #1
    Member
    Join Date
    Mar 2014
    Posts
    46
    Member #
    38608

    need a little help please iv hit a wall.

    hi im building a site and have put it on me domain now for u to c i can get the slideshowimage to move to right can someone help me please

    Silurain Security

    heres css code


    #sliderFrame
    {
    position:relative;
    width:600px;
    margin:0 auto; /*center-aligned*/
    }

    #slider, #slider div.sliderInner {
    width:600px;height:337px;
    }

    #slider {
    background:#fff url(loading.gif) no-repeat 50% 50%;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
    }

    /* image wrapper */
    #slider a.imgLink, #slider div.video {
    z-index:2;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
    }
    #slider .video {
    background:transparent url(video.png) no-repeat 50% 50%;
    }

    /* Caption styles */
    #slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
    position:absolute;
    width:100%;
    height:auto;
    padding:10px 0;/* 10px will increase the height.*/
    left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
    bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index:3;
    overflow:hidden;
    font-size: 0;
    }
    #slider div.mc-caption-bg
    {
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
    background:Black;/* or any other colors such as White, or: background:none; */
    }
    #slider div.mc-caption-bg2 {
    background:none;
    }
    #slider div.mc-caption {
    font: bold 14px/20px Arial;
    color:#EEE;
    z-index:4;
    text-align:center;
    background:none;
    }
    #slider div.mc-caption a {
    color:#FB0;
    }
    #slider div.mc-caption a:hover {
    color:#DA0;
    }


    /* ------ built-in navigation bullets wrapper ------*/
    /* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
    #slider div.navBulletsWrapper {
    top:320px;/* Its position is relative to the #slider */
    text-align:center;
    background:none;
    position:relative;
    z-index:5;
    }

    /* each bullet */
    #slider div.navBulletsWrapper div
    {
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursorointer;
    margin:0 6px;/* set distance between each bullet*/
    }

    #slider div.navBulletsWrapper div.active {background-position:0 -11px;}


    /* --------- Others ------- */

    #slider div.loading
    {
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0;
    z-index:9;
    }

    #slider img, #slider>b, #slider a>b {
    position:absolute; border:none; display:none;
    }

    #slider div.sliderInner {
    overflow:hidden;
    -webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
    position:absolute; top:0; left:0;
    }

    #slider>a, #slider video, #slider audio {display:none;}

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,139
    Member #
    27197
    Liked
    959 times
    Try removing the margin:0 auto; on line 17 of js-image-slider.css. That'll push it left some. Remove the width:700px on line 5 to push it even further left.
    mrsoft34 likes this.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Member
    Join Date
    Mar 2014
    Posts
    46
    Member #
    38608
    haha its gone in the opposite direction now lmfao...

  5. #4
    Member
    Join Date
    Mar 2014
    Posts
    46
    Member #
    38608
    i got it now thank you very much L(


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 11:49 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com