1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Slider Width - Screen Resolutions

Discussion in 'HTML & Website Design' started by ultramel123, Apr 25, 2013.

  1. #1
    Hi there

    I designed a site in wordpress, and everything looked ok. Now it seems that my image slider is "narrower" on different screen sizes? Please can someone kindly take a look and advise me on a way to keep the image slider the same width as the white "sheet" of the page?

    Thank you so much

    Code (Text):
    1. .art-sheet {
    2.         width: 65%;
    3.         left: 105px;
    4.         background: white;
    5.         top: -30px;
    6.  
    7. }
    8.  
    9.     Coin Slider jQuery plugin CSS styles
    10. */
    11.  
    12.  
    13. .coin-slider {
    14.         overflow: hidden;
    15.         zoom: 1;
    16.         position: relative;
    17.         left: -6px;
    18.         width: 736px;
    19.         height: 503px;
    20.         top: -7px;
    21.        
    22. }
    23.  
    24.  
    25. .coin-slider a {
    26.         text-decoration: none; outline: none; border: none;
    27. }
    28.  
    29. .cs-buttons {
    30.         font-size: 0px; padding: 10px; float: left;
    31. }
    32. .cs-buttons a {
    33. margin-left: 5px;
    34. height: 10px;
    35. width: 10px;
    36. float: left;
    37. border: 1px solid #B8C4CF;
    38. color: #B8C4CF;
    39. text-indent: -1000px;
    40. }
    41.  
    42. .cs-active {
    43. background-color: #B8C4CF;
    44. color: #FFFFFF;
    45. }
    46.  
    47. .cs-title { width: 0px; padding: 10px; background-color: none; color: #FFFFFF; }
    48.  
    49. .cs-prev,
    50. .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
    ultramel123, Apr 25, 2013 IP
  2. frankmust

    frankmust Member

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    28
    #2
    your "white sheet" has a width:65% and your slider img has a fixed width/height so i would say if you want them to look always same width as your white sheet, you must set the slider img to width:100%;height:auto;
    frankmust, Apr 25, 2013 IP
  3. creativewebmaster

    creativewebmaster Active Member

    Messages:
    641
    Likes Received:
    6
    Best Answers:
    4
    Trophy Points:
    53
    #3
    Set slider width in pixel. May this work.
    creativewebmaster, Apr 26, 2013 IP