Removing spaces in Image Slider

Hi all.
I'm new to muse, website design, and HTML so I'm an uber noob and have been just googling everying I can't figure out. My current issue is that I've worked out how to a put a sliding image gallery but I can't figure out how to remove the spaces between the images.
Here is what it currently looks like
http://img837.imageshack.us/img837/1310/screenshot20120718at649.png
and this is the HTML for the sliding gallery
<div style="overflow-y:hidden;overflow-x: scroll; width: 850px; height: 400px">
<table width=2000>
<tr>
<td><a href="http://google.com" target="_blank"><img src="http://farm8.staticflickr.com/7111/7578909632_b905a51c97.jpg" width="500" height="334" ></a></td>
<td><img src="http://farm8.staticflickr.com/7111/7578909632_b905a51c97.jpg" width="500" height="334"></a></td>
<td><img src="http://farm8.staticflickr.com/7111/7578909632_b905a51c97.jpg" width="500" height="334"></a></td>
</tr>
</table>
</div>
Any help would be appreciated. Thanks.

Hi,
Remove the table width and it should work fine.
Right now the image is 500px and the individual td is one-third of 2000px, which comes around 666px. That is why there is an extra space.
Regards,
Abhishek Maurya

Similar Messages

Disallow Spaces in Image Names

Hi,
There is a long running problem with Business Catalyst at this moment in time - it allows spaces in file uploads.
This is a severe problem and simply shouldn't be allowed in any modern CMS.
If I give an isolated example, I recently helped a client of mine launch an Email Campaign from their CP. Everything appears fine in all browsers, however in Gmail, images with spaces in simply break.
This comes down to our client uploading images with spaces in, which suffice to say we have told them not to do. It's easy to say we should tell our clients to do this however this will not do. It is simply a requirement of all CMS' in this day an age as files with spaces in will almost always cause problems somewhere.
Before I carry on ranting, is there a way for me to enable a requirement for spaces in file uploads?
If not, this feature needs to be implemented.
Thanks.

Hi Liam,
In the minds of my customers is it a BC problem or is a web problem? It is a BC problem.
Look at it this way; Facebook, twitter and the many hundreds of websites that you can upload images to either disallow you from uploading images with spaces or loop through file names and convert the image filename to be web friendly.
We can't expect less tech-savvy clients to remove spaces from their images, especially if there is no clear warning on the website to remove them. Are you suggesting, that we train each and every user of each and every website that we have built to remove spaces from their filenames?
Are you serious?
There is no debate here - BC should be doing something to fix this problem, whether it is to give adequate warning and advice during the file upload period, to rename images to be web friendly or to disallow spaces in images completely it has to be done. To suggest that this is a 'web problem' is to make excuses for Adobe. We should not have to train our clients to remove spaces from images file names.
While I agree that with the tech-savvy it is simple to remove spaces from images it is not something we should expect users to do. For an example, let's take a large scale eCommerce website. There are multiple users of that website, some tech-savvy, others not-so. This eCommerce website takes on a new user to help manage their products, who we will call John. John isn't very tech savvy.
The business-owners take John through the basics of uploading a product, possibly even suggesting he removes spaces from image file names. However, being the new guy, John doesn't remember that and fails to remove spaces from a couple of images. Nobody knows, because these images appear fine in the latest browsers. Three weeks later, this business decides to launch an email campaign, which looks great in tests to Outlook! As the business-owners are not tech-savvy, they very-happily launch the email campaign based on a template created by the original developers without testing. The original developers cannot take into account spaces in images as HTML email cannot run JavaScript.
Of course, just after the send date Employee #5 notices that all of the product images are broken in Gmail. The business-owners then swiftly contact the web developers and all the blame comes to them, despite that fact they advised them on this originally.
So in conclusion here, the business-owners lose out on valuable profits and their reputation is damaged and the web-developers reputation is scarred indefinitely, with Business Catalyst's problems being blamed on them as the reseller. Everybody loses.
And all of this could of been avoided simply if Adobe had put in adequate efforts (such as those previously described) to alleviate this problem.
To suggest that we should be training our clients and all of their new and changing users to do the following is to make excuses for Adobe's failures.

Help needed with spry image slide show

Im new to dw and am currently building a site for my buisness. I installed a spry image slide show and it works fine in live view but when I view it on the web
it was looking for sever .js files. I then checked out the spry forums and noticed that it seems to be a common problem. I tried removing the ui1.7 file from the server and reloading,tried removing from local and remote and reloading, tried to change the line <script.src=spry-ui-1.7 etc. to the adobe site as per gramps advise to another having the same issue. Now when I view on the web the slideshow wheel keeps turning but images donot apear. Im lost and can use some help, enclosed is my code also sight is www.patsiga.net
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>pats iga supermarket</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #AF692A;
</style>
<link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2141543: #frontpageslideshow */
#frontpageslideshow {
width: 960px;
margin: 0px 0px 0px 0px;
border: solid 0px #aaaaaa;
background-color: #FFFFFF;
padding-top: 0px;
#frontpageslideshow .ISSName {
top: -24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
text-transform: uppercase;
color: #AAAAAA;
#frontpageslideshow .ISSSlideTitle {
top: -18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
overflow: hidden;
color: #AAAAAA;
text-transform: none;
#frontpageslideshow .ISSClip {
height: 361px;
margin: 0 0px 0px 0px;
border: solid 0px #ffffff;
background-color: #ffffff;
#frontpageslideshow .ISSControls {
top: 0px;
height: 361px;
#frontpageslideshow .FilmStrip {
height: 0px;
background-color: #CCCCCC;
#frontpageslideshow .FilmStripPreviousButton, #frontpageslideshow .FilmStripNextButton {
width: 10px;
height: 0px;
#frontpageslideshow .FilmStripTrack {
height: 0px;
#frontpageslideshow .FilmStripContainer {
height: 0px;
#frontpageslideshow .FilmStripPanel {
height: 0px;
padding-left: 10px;
margin-right: 0px;
#frontpageslideshow .FilmStripPanel .ISSSlideLink {
margin-top: 10px;
border: solid 1px #AAAAAA;
background-color: #FFFFFF;
#frontpageslideshow .FilmStripPanel .ISSSlideLinkRight {
border: solid 1px #AAAAAA;
width: 56px;
height: 47px;
margin: 4px 4px 4px 4px;
#frontpageslideshow .FilmStripCurrentPanel .ISSSlideLink {
background-color: #ffffff;
border-color: #000000;
#frontpageslideshow .FilmStripCurrentPanel .ISSSlideLinkRight {
border-color: #AAAAAA;
/* EndOAWidget_Instance_2141543 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div class="container">
<div class="header"><a href="index.html"><img src="images/logoimg.jpg" width="259" height="136" alt="pats_logo" /></a><img src="images/H1180T2.jpg" width="699" height="120" alt="header_graphic" /></div>
<div class="container">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="weekly_ad.html" title="weekly ad">Weekly ad</a></li>
      <li><a href="recepies.html" title="recepies">Recepies</a></li>
      <li><a href="entertainment.html" title="entertaining" class="MenuBarItemSubmenu">Entertaining</a>
        <ul>
          <li><a href="bakery_brochure.html" title="bakery_brochure">Bakery brochure</a></li>
          <li><a href="deli_platters.html" title="Deli_platters">Deli platters</a></li>
          <li><a href="catering_menu.html" title="Catering_menu">Catering Menu</a></li>
        </ul>
      </li>
      <li><a href="pats_best.html" title="pats best">Pat's Best</a></li>
      <li><a href="organics.html" title="organics">Organics</a></li>
      <li><a href="gift_cards.html" title="gift cards">Gift Cards</a></li>
      <li><a href="#" title="departments" class="MenuBarItemSubmenu">Departments</a>
        <ul>
          <li><a href="meats.html" title="dept_meats">Meats</a></li>
          <li><a href="seafood.html" title="dept_seafood">Seafood</a></li>
          <li><a href="deli.html" title="Dept_deli">Deli</a></li>
          <li><a href="prep_foods.html" title="Dept_prep_foods">Prepared Foods</a></li>
          <li><a href="produce.html" title="dept_produce">Produce</a></li>
          <li><a href="bakery.html" title="Dept_bakery">Bakery</a></li>
        </ul>
      </li>
    </ul>
    <p> </p>
    <ul id="frontpageslideshow" title="">
      <li><a href="images/fall.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="photos-1.jpg" /></a></li>
      <li><a href="images/apples.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="photos-10.jpg" /></a></li>
      <li><a href="images/pumpkinsoup.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="photos-11.jpg" /></a></li>
      <li><a href="images/roast.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="photos-12.jpg" /></a></li>
      <li><a href="images/applepie.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="photos-13.jpg" /></a></li>
    </ul>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141543: #frontpageslideshow
var frontpageslideshow = new Spry.Widget.ImageSlideShow("#frontpageslideshow", {
widgetID: "frontpageslideshow",
widgetClass: "BasicSlideShowFS",
injectionType: "replace",
autoPlay: true,
displayInterval: 4500,
transitionDuration: 2000,
componentOrder: ["name", "title", "view", "controls", "links"],
sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin ],
TFSP: { pageIncrement: 4, wraparound: true }
// EndOAWidget_Instance_2141543
    </script>
<p>Since this is a one-column layout, the .content is not floated. </p>
    <h3>Logo Replacement</h3>
    <p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
</div>
<div class="footer">
    <p><a href="about_us.html" title="about_us">About Us</a><a href="#">  </a>   <a href="employment.html" title="employment">Employment</a>   <a href="store_info.html" title="store_info"> Store Info.</a>     <a href="#" title="contact_us">Contact Us</a>    <a href="terms_of_use.html" title="terms_of_use">Terms of Use</a>   <a href="privacy.html" title="Privacy_policy"> Privacy Policy</a><br />
©2011 Pat's IGA     <br />
    </p>
    </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Your spry assets folder MUST be in the same folder as that of your webpage with the slideshow (html, php... whatever)
Check your folder configuration on the server by clicking on the "Remote Button" on the DW Assets Tab.
Example 1: This will not work:
WEBPAGE HERE:    /server/public/myfolder/slideshow.html
SPRY ASSETS HERE: /server/public/SpryAssets/....your javascript files
Example 2: This will work:
WEB PAGE HERE: /server/public/myfolder/slideshow.html
SPRY ASSETS HERE: /server/public/myfolder/SpryAssets/....your javascript files
Hope this helps.

How do i crop "out" a piece of image=ex: how it will look when its cut for a window. Crop a white space in image?

How do i crop "out" a piece of image=ex: how it will look when its cut for a window. Crop a white space in image?

I think this will help if you are using version 11 or 12.
Make a selection with a selection tool of the area you want to remove.
Example: rectangular marquee tool - make a rectangle.
Use Select>Refine Edge:
Use the View section of this dialog box to see a few views.
If you need to refine the edge of the selection (smooth, feather, shift, etc.) you can do that in this dialog box.
You may want to check the box about remembering your settings in case you need to come back to them.
In the Output section, you can pick New Layer with Layer Mask and click OK.
You should see the hole in your image.
Kathy Keith
@kathleenmadeline on Instagram
(I teach Photoshop Elements classes)

Space between images

When placing images on a website, I get smal spaces between the images. They are only visible in Safari, not in Firefox. What am I doing wrong?
www.conceptualz.nl

I went looking, didn't see any images with space problems
But one thing you can do in your style sheet is the following:
img {
     border: 0;
     padding: 0;
     margin: 0;
That will remove any space between images.
If the images are links, then you would:
img a link {
     border: 0;
     padding: 0;
     margin: 0;

Having trouble with spry image slide show

Im new to dw and i inserted a image slide show into my index.htm file, it works fine when i preview it in dw cs5.5. When I try it on a web browser I get a dialog box that says that the spry panel selector .js requires spry widget.js and continues thru several other dialog boxes until my website loads only to see my image slideshow as a list. Im not sure if its in the code or the support files can anyone help? I would greatly appreciate it if someone can set me on the right path with this, Thank you in advance.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pats IGA Supermarket</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    background-color: #9D5F16;
</style>
<link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2141543: #frontpageslideshow */
#frontpageslideshow {
    width: 951px;
    margin: 0px 0px 0px 0px;
    border: solid 0px #aaaaaa;
    background-color: #FFFFFF;
    padding-top: 0px;
#frontpageslideshow .ISSName {
    top: -24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #AAAAAA;
#frontpageslideshow .ISSSlideTitle {
    top: -18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    color: #AAAAAA;
    text-transform: none;
#frontpageslideshow .ISSClip {
    height: 361px;
    margin: 0 0px 0px 0px;
    border: solid 0px #ffffff;
    background-color: #ffffff;
#frontpageslideshow .ISSControls {
    top: 0px;
    height: 361px;
#frontpageslideshow .FilmStrip {
    height: 0px;
    background-color: #CCCCCC;
#frontpageslideshow .FilmStripPreviousButton, #frontpageslideshow .FilmStripNextButton {
    width: 10px;
    height: 0px;
#frontpageslideshow .FilmStripTrack {
    height: 0px;
#frontpageslideshow .FilmStripContainer {
    height: 0px;
#frontpageslideshow .FilmStripPanel {
    height: 0px;
    padding-left: 10px;
    margin-right: 0px;
#frontpageslideshow .FilmStripPanel .ISSSlideLink {
    margin-top: 10px;
    border: solid 1px #AAAAAA;
    background-color: #FFFFFF;
#frontpageslideshow .FilmStripPanel .ISSSlideLinkRight {
    border: solid 1px #AAAAAA;
    width: 56px;
    height: 47px;
    margin: 4px 4px 4px 4px;
#frontpageslideshow .FilmStripCurrentPanel .ISSSlideLink {
    background-color: #ffffff;
    border-color: #000000;
#frontpageslideshow .FilmStripCurrentPanel .ISSSlideLinkRight {
    border-color: #AAAAAA;
/* EndOAWidget_Instance_2141543 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div class="container">
<div class="header"><a href="index.html"><img src="images/logoimg.jpg" width="259" height="136" alt="logo" /></a><img src="images/topheader.jpg" width="701" height="136" alt="header_logo" /></div>
<div class="content">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Weekly Ad</a>      </li>
      <li><a href="#">Recepies</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Entertaining</a>
        <ul>
          <li><a href="#">Bakery Brochure</a></li>
          <li><a href="#">Deli Platters</a></li>
          <li><a href="#">Catering Planner</a></li>
        </ul>
      </li>
      <li><a href="#">Pat's Best</a></li>
      <li><a href="#">Organics</a></li>
      <li><a href="#">Gift Cards</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Departments</a>
        <ul>
          <li><a href="#">Meats</a></li>
          <li><a href="#">Deli</a></li>
          <li><a href="#">Prepared Foods</a></li>
          <li><a href="#">Seafood</a></li>
          <li><a href="#">Produce</a></li>
          <li><a href="#">Bakery</a></li>
        </ul>
      </li>
    </ul>
    <p> </p>
    <ul id="frontpageslideshow" title="">
      <li><a href="images/fall.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="fall.jpg" /></a></li>
      <li><a href="images/apples.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="apples.jpg" /></a></li>
      <li><a href="images/applepie.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="applepie.jpg" /></a></li>
      <li><a href="images/pumpkinsoup.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="pumpkinsoup.jpg" /></a></li>
      <li><a href="images/roast.jpg" title="r"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="roast.jpg" /></a></li>
    </ul>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141543: #frontpageslideshow
var frontpageslideshow = new Spry.Widget.ImageSlideShow("#frontpageslideshow", {
    widgetID: "frontpageslideshow",
    widgetClass: "BasicSlideShowFS",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 4500,
    transitionDuration: 2000,
    componentOrder: ["name", "title", "view", "controls", "links"],
    sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
    plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin ],
    TFSP: { pageIncrement: 4, wraparound: true }
// EndOAWidget_Instance_2141543
    </script>
Since this is a one-column layout, the .content is not floated.
    Logo Replacement
    An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo.
    Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes.    To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.) </div>
<div class="footer">
    <p>About us Other Services Employment Contacy us Terms of use Privacy Policy</p>
    </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Your spry assets folder MUST be in the same folder as that of your webpage with the slideshow (html, php... whatever)
Check your folder configuration on the server by clicking on the "Remote Button" on the DW Assets Tab.
Example 1: This will not work:
WEBPAGE HERE:    /server/public/myfolder/slideshow.html
SPRY ASSETS HERE: /server/public/SpryAssets/....your javascript files
Example 2: This will work:
WEB PAGE HERE: /server/public/myfolder/slideshow.html
SPRY ASSETS HERE: /server/public/myfolder/SpryAssets/....your javascript files
Hope this helps.

Image slider not loading

Hi,
The image slider on the home page of a bc site I administer is not loading properly.
If you click on the business logo to refresh then it appears. However the client is not happy that it is not working when a customer lands on the homepage.
Has anyone had this problem and if so how did they fix it?
Thanks for any advice.

Hi Liam,
Yeh it is a template site. I modified the Tribeca home page and it has been working fine, my client wanted ad banners on the home page so I put an ad rotator module above the image slider. I have removed these now in case that was the problem, but a few visitors are giving feedback that the image slider is not showing. The Link is www.w-o-o.me.
Thanks
update - I looked at the html on the home page and noticed the line of code referring to the first image of the slider was different to the rest, so i copied and pasted a line from the other images and swapped it out and that has seemed to fix it.

Can't get image slider to work

Every image slider tutorial I do, I can't seem to get to work! I'm obviously doing something wrong!! Could someone please point out what it is please? I've been going onto CodePen > typing in responsive image slider > copying the html > creating a separate CSS and JS and linking to them. But when I run the page, nothing happens. What vital ingredient am I missing?
Untitled Document
Thanks.

I agree with you pal - there's no point in trying to be clever if no-one can find the code.
If you want the slider you're talking about then copy the code below and paste into a dreamweaver document and browse - have fun and then go tell code pen they are a pile of shite.
<!DOCTYPE html><html class=''>
<head><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="canonical" href="http://codepen.io/MarcoGuglielmelli/pen/ogZWpv" />
<style class="cp-pen-styles">@import url(http://fonts.googleapis.com/css?family=Jacques+Francois);
@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans);
body {
background-color: #979797;
color: #fff;
margin: 0em;
padding: 0em;}
.page {
max-width: 640px;
margin: 0px auto 30px auto;}
.panel {
background-color: #fff;
color: #666;
box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);
overflow: auto;}
button {
border: none;}
/********** LOGO **********/
h1 {
text-align: center;
width: 200px;
height: 20px;
margin: 40px auto 40px auto;
background-repeat: no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;}
/********** TYPOGRAPHY **********/
body, button {
    font-family: 'Jacques Francois', serif;}
h2, h3 {
font-weight: normal;
margin: 0em;}
h2 {
color: #666;
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 230%;
line-height: 1em;
padding: 20px 0px 0px 20px;}
h3 {
font-size: 90%;
letter-spacing: 0.2em;}
p {
font-family: 'Quattrocento Sans', sans-serif;
line-height: 1.4em;}
a {
    text-decoration: none;}
button {
font-size: 90%;
text-align: left;
text-transform: uppercase;}
/***************** No JS ***************/
#billboard {text-align: center;}
.js-warning {display: none;}
.no-js .js-warning {
display: block;
border: 3px solid #fff;
text-align: center;
background-color: #fff;
color: #db5391;
padding: 10px;}
/********** SLIDER **********/
.slider {
max-width: 940px;
margin: 0px auto 30px auto;}
.slide-viewer {
    position: relative; /* needed for IE7 */
    overflow: hidden;
    height: 430px;}
.slide-group {
    width: 100%;
    height: 100%;
    position: relative;}
.slide {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;}
.slide:first-child {
    display: block;}
/********** BUTTONS **********/
.slide-buttons {
text-align: center;}
.slide-btn {
border: none;
background: none;
color: #000;
font-size: 200%;
line-height: 0.5em;}
.slide-btn.active, .slide-btn:hover {
color: #ed8e6c;
cursor: pointer;}</style></head><body>
<header><h1>Responsive Slider</h1></header>
<section>
      <div class="slider">
        <div class="slide-viewer">
          <div class="slide-group">
            <div class="slide slide-1">
              <img src="http://javascriptbook.com/code/c11/img/slide-1.jpg" alt="No two are the same" />
            </div>
            <div class="slide slide-2">
              <img src="http://javascriptbook.com/code/c11/img/slide-2.jpg" alt="Monsieur Mints" />
            </div>
            <div class="slide slide-3">
              <img src="http://javascriptbook.com/code/c11/img/slide-3.jpg" alt="The Flower Series" />
            </div>
            <div class="slide slide-4">
              <img src="http://javascriptbook.com/code/c11/img/slide-4.jpg" alt="Salt o' The Sea" />
            </div>
          </div>
        </div>
        <div class="slide-buttons"></div>
      </div>
    </section>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
<script>
$('.slider').each(function () {
    var $this = $(this);
    var $group = $this.find('.slide-group');
    var $slides = $this.find('.slide');
    var buttonArray = [];
    var currentIndex = 0;
    var timeout;
    function move(newIndex) {
        var animateLeft, slideLeft;
        advance();
        if ($group.is(':animated') || currentIndex === newIndex) {
            return;
        buttonArray[currentIndex].removeClass('active');
        buttonArray[newIndex].addClass('active');
        if (newIndex > currentIndex) {
            slideLeft = '100%';
            animateLeft = '-100%';
        } else {
            slideLeft = '-100%';
            animateLeft = '100%';
        $slides.eq(newIndex).css({
            left: slideLeft,
            display: 'block'
        $group.animate({ left: animateLeft }, function () {
            $slides.eq(currentIndex).css({ display: 'none' });
            $slides.eq(newIndex).css({ left: 0 });
            $group.css({ left: 0 });
            currentIndex = newIndex;
    function advance() {
        clearTimeout(timeout);
        timeout = setTimeout(function () {
            if (currentIndex < $slides.length - 1) {
                move(currentIndex + 1);
            } else {
                move(0);
        }, 4000);
    $.each($slides, function (index) {
        var $button = $('<button type="button" class="slide-btn">•</button>');
        if (index === currentIndex) {
            $button.addClass('active');
        $button.on('click', function () {
            move(index);
        }).appendTo('.slide-buttons');
        buttonArray.push($button);
    advance();
//@ sourceURL=pen.js
</script>
<script src='http://codepen.io/assets/editor/live/css_live_reload_init.js'></script>
</body></html>

Removing Portal Branding image&Logos!

Hi All
I want to remove Portal branding image&Logos,b'z it takes lot of network space.
We are maintaining 4000 users in EP.
Suggest me...any problems if i remove those logos.
thx
Pradeep

Pradeep,
there shouldn't be any problems. Alternatively, simply replace them with a transparent 1x1 pixel gif, so that so at least have a valid image.
Regards,
Dominik

How can I make a image slider using Dreamweaver? Is there any image slider widget I could use?

I was browsing through the web when I saw a website which had a really cool image slider. I don't have any idea of how to develop anything similar, but I was wondering if maybe dreamweaver had any widget that has already been developed by someone else that is open source for everyone else to use. Is there anything any?

Ken is referring to a "roll your own" slider that works great. There are lots of those.
None of those are built in to Dreamweaver. None of those will give you a panel within Dreamweaver with which you can build them.
Project Seven does sell widgets that are Dreamweaver extensions.
Adobe is offering another one for free (and you get additional function if you buy it).
Extend Studio offers Power Slider (with a free trial).
And there is Nivo Slider.
These are extensions that plug in and extend what Dreamweaver can do.

How to remove space after paragrph in pages on ipad

Can't figure out how to remove space after each paragraph in Pages for Ipad

Settings > General > International > Region Format
Set it to your country to format numbers and dates in the way your country does.

How to remove space below text?

In the screenshot below, how to remove space below text? I simply added a text box using the type tool and I get that extra space bellow the letter "B" that I don't need. I want to remove that space to center the letter within the octogon.
Thanks!

You might consider giving the letter a negative baseline shift and aligning it to centre.
That way you can adjust it so that its anchor point coincides with the centre of the hexagon.
Like this:
Another thing: You may find it easier working with type if you hide bounding boxes.

How do I remove space after paragraph?

Does Robohelp have the "Remove Space after paragraph" button for reducing the space between lines, like the one in Word?

In HTML the space after is controlled by the style in your CSS file. You need to edit the style in the Style Editor.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

How do I remove spaces or special characters within a cell for large amounts of data

Is there any shortcut to remove spaces between words and numbers within a cell?
Example:
Current: .5 lt PET (6)
Need: .5ltPET(6)
Is there any shortcut to remove special characters between numbers within a cell?
Example:
Current: 0--000--000--0
Need: 00000000

Thanks Wayne.
I have been away from using Numbers or Excel for 4-5 years so it is slowly coming back to me. I am get that I need to use the SUBSTITUTE function however I am having trouble with getting it to work.
My Data
ST PAULI 12/12 NR
$27.16
12oz NR(12)
0--80660--95937--5
ST PAULI 4/6/12 NR
$28.76
12oz NR(6)
0--80660--95935--1
ST PAULI DK 12/12 NR
$0.00
12oz NR(12)
0--000--000--0
ST PAULI DK 4/6/12 NR
$28.76
12oz NR(6)
0--80660--95945--0
ST PAULI N/A 4/6/12 NR
$20.66
12oz NR(6)
0--80660--95955--9
CAYMAN JACK 4/6/12 NR
$29.12
12oz NR(6)
8--15829--01006--8
CAYMAN JACK 8OZ/12PK CAN
$23.18
8oz CAN(12)
8--15829--01061--7
TGIF LIIT 10OZ FROZEN POUCH
$35.80
10oz POUCH(24)
8--15829--01043--3
TGIF MARGARITA 10OZ FROZEN POUCH
$35.80
10oz POUCH(24)
8--15829--01047--1
TGIF PINA COLADA 10OZ FROZEN POUCH
$35.80
10oz POUCH(24)
8--15829--01045--7
TGIF STRAWBERRY 10OZ FROZEN POUCH
$35.80
10oz POUCH(24)
8--15829--01042--6
BALLAST PT BIG EYE IPA 1/2 BBL
$190.00
KEG 1984oz (1/2 KEG)
0--000--000--0
BALLAST PT BIG EYE IPA 1/6 BBL
$73.00
KEG 660.1oz (1/6 KEG)
0--000--000--0
BALLAST PT BIG EYE IPA 4/6/12 CAN
$33.00
12oz CAN(6)
6--72438--00052--7
There are many more but this is enough to show you. I need to remove all spaces from the First and Third Columns. I need to remove all (--) from the fourth. Where do I put in the substitute function and what is source sting, existing-string, new-string, and occurrence.
Thank You for your help.

Image slide show...

Hi,
If I have a Flash web page with a button and I'd like an
image slide show to launch at the top of the page upon one clicking
the button, plus the slide show container to have the play/pause,
forward, backward controls, along with small numbers 1-10
(appropriate number highlighted for which photo you are viewing)
also...how much time would it be to set up the controls,
actionScript / interactivity? (a guesstimate)
If I'm creating and prepping all images, buttons, etc -- just
need someone to actionScript and set up the controls, how much
would you estimate this would cost and, as above, timeframe in
hours?
Thank you! Just trying to get an idea.

I'm sure I remember a few years ago now a heated discussion
on whether it counts as price fixing to discuss fees in an online
forum.
It really depends on who was doing it. As a guesstimate I'd
say 4-5 hours from scratch which would cover setting it up and
probably one revision. If you were happy to use a component that
was designed for it then a fraction of that time, probably under an
hour. You'll pay more for someone with experience, but then they're
probably faster and the standard of the work will be higher.
In my opinion it's worth paying a little more for a quality
company who may foresee problems you overlook rather than pinching
the pennies, but that's your call.
If you're looking to do it on the cheap then buy a component
and have their technical support set it up (or at least help you)
for free.

Removing spaces in Image Slider

Similar Messages

Maybe you are looking for