Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can I make my text stay in side of my JQuery slider
    primarykey
    data
    text
    <p>I have tried everything as far as widths and margins. The problem is I have a background image and when I use a width that makes the text stay inside the slider during scroll, it cuts off my image. That being said, I have everything set to what I want, except the text issue: here is the CSS:</p> <pre><code>#wrapper { width: 550px; margin:0px auto; } #intro { padding-bottom: 10px; } h2 { margin: 0; margin-bottom: 14px; padding: 0; } #slider { width: 631px; margin: 0 auto; position: relative; } .scroll { height: 250px; width: 590px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: #FFFFFF url(images/CreamySliderNew.jpg)no-repeat; margin:0px auto 0px auto } .scrollContainer div.panel { padding: 20px; height: 210px; width: 560px; } #shade { background: #EDEDEC url(images/shade.jpg) no-repeat 0 0; height: 50px; } ul.navigation { list-style: none; margin: 0px 0px 0px 23px; padding: 0px; padding-bottom: 0px; } ul.navigation li { display: inline; margin-right: 5px; } ul.navigation li a { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#CCCCCC; padding:5px 5px 5px 5px; border:1px #F4F4F4 solid; text-decoration: none; } ul.navigation a:hover { color:#EDEDEC; border:1px #E6E6E6 solid } ul.navigation a.selected {color:#333333; } ul.navigation a:focus { outline: none; } .scrollButtons { position: absolute; top: 150px; cursor: pointer; } .scrollButtons.left { left: -32px; top:20px } .scrollButtons.right { right: -32px; top:20px; } .hide { display: none; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload