Slideshow vertical hero image aligns left

Using the slideshow widget with a vertical image sometimes results in the hero image randomly aligning to the left instead of centered. All the hero images are positioned in the center of the content area. The slideshow frame is the full width of the content area so that each image slides in from right to left (due to the Horizontal setting for Transition). The Y coordinate is 10 for the slideshow content (and the hero image container). Horizontal images have not shown a shift to the left. Not all vertical images exibit the behaviour (one slideshow with 20 images, 5 of them vertical, had 4 which shifted left, one displayed properly centered).
I have only seen this on my Phone layout, not on the Tablet or Desktop layouts. The problem shows when in Preview mode, Preview Page in Browser and on an iPhone 4s.
NOTE: After further troubleshooting I found something that seems to resolve the issue. If I move the Y coordinate of the image to 11 (slideshow content is at Y: 10) the image stops shifting to the far left and aligns properly to the center. It doesn't make sense, since other horizontal images are set at Y: 10 and even a few pixels taller but have not exibited the problem.

I noticed when I add a drop shadow to the hero image in the slide show, the hero image when viewed in browser or preview, then aligns left, when I remove the drop shadow from the hero image, then the content is properly aligned.

Similar Messages

JEditorPane HTMLEditorkit Image align left

Hi,
I am developing a HTML Editor with JEditorPane and HTMLEditorKit. Apart from the many other difficulties, the HTMLEditorKit doesn't show a text next to an image correctly. I set an Image alignment to left and hopped, the text would be displayed text to it beginninge at the top. But it doesn't. Can anyone help.
Christian

Hi,
I'm sorry, but this doesn't help me at all. To be more precisely, I want a text placed next to an image. A normal Browser does is when you say something like <img align="left" ...> and just place your text behind this tag. It looks like this:
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%IMAGE%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
The Problem with the JEditorpane and the HTMLEditorKit is, that it shows up like this:
%%%IMAGE%%%%
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
If I put the alignment to top or something else, I can let it look like this:
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%IMAGE%%%%
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
But annoyingly I let it show up like in any normal Internet Browser.
Hope my problem is more clearly now and somebody can help me.
Yours sincerely,
Christian

How do I set the default Hero image in a Muse slideshow widget when using Free Form Thumbnails?

Hello,
I am trying to find out how to set the default Hero image when using a Muse slideshow widget and in the Layout section I have the "Free Form Thumbnails"
box checked.
In other words, when the page loads I want to define which image displays as the first Hero image.
If I do not select the "Free Form Thumbnails" option, the top left Thumbnail image always displays first. This is fine.
But when I select the Free Form Thumbnails" checkbox I don't know how to define which image shows first as the Hero image.
I have a short video at this link where I illustrate the question:
http://amson.org/misc/default-hero-image-1.mp4
I have added a WMV video file at the link below:
http://amson.org/misc/default-hero-image-1.wmv
Okay… I think I've worked out how to do it!
[1] First have the "Free Form Thumbnails" box UNCHECKED.
[2] Organize the Thumbnails and place the image that you want to be the first Hero image when the page loads in the top left corner of the Thumbnails group.
[3] When you "Preview Site In Browser" the Thumbnail image in the top left corner will always display as the first Hero image.
[4] If you want "Free Form Thumbnails" go ahead now and SELECT that checkbox.
[5] Whichever image was in the top left of the Thumbnail group before you checked "Free Form Thumbnails" will still show up as the first Hero image when the page loads, regardless of where that thumbnail image is located within the Thumbnail images group.
Thanks very much.
Chris.

Hi,
The sequence of operation you are doing to set the home page for public users is correct. You are getting the login screen as the "custom page group" selected as "home page" has not been granted to public.
Also, while logging-out, it is normal behaviour to get the screen where it shows the list of partner applications from where user has been logged-out. When you click on "Return" button, you will get to the "home page" set above.
Hope it clarifies the things.
Regards,
Ved

Link image properties to both thumbnail and hero image in slideshow?

Would it be possible to have it that when you change the properties of the thumbnail in a slideshow, it automatically populates the hero image, and vice-versa? This would be a huge time-saver!
Thanks.

Thanks for the link.
When you style a background-image to an element in a Spry Menu, here is what happens:
If you style the a element, as in ul.MenuBarHorizontal a, you are styling ALL the a elements in the menu. Remember the cascade.
If you want to UN-style submenu a elements, you need to reiterate the styling thus: ul.MenuBarHorizontal ul a, which basically says "any a element in a submenu should take on this new styling."
ul.MenuBarHorizontal a {
background-image: [image path here];
ul.MenuBarHorizontal ul a {
background-image: none;
The order of these rules is important. If you were to reverse the order of the two rules I show, you would begin by turning off the background on the submenus and turning it back on (and leaving it turned on) on all a elements.
The trick in the MenuBar css stylesheet is to find the appropriate rules to style. You will have to ADD the second rule that turns off the submenu styling. Read the comments and the style selectors in the css stylesheet carefully. It is not difficult, once you get used to reading the code.
Beth

Hyperlink to slideshow hero image

hi,
how can I hyperlink to the slideshow hero image?
please help me..

Hi
You can select the Hero Image and from Hyperlink drop down you can link the image, so that when users click on image will be redirected to link that you setup in Muse.
Thanks,
Sanjit

Muse Lightbox slideshow: Hero images are undersize & cropped, can't select to change them

Mac, Mavericks, & Muse: First website: Building Lightbox slideshow. When a thumbnail is clicked in Preview mode, Hero image is undersized and cropped (placed jpgs are max 600 pixels x smaller). Back in Design mode, I can't select the Hero to resize it. Both thumbnails and Hero images are set to Fit Content Proportionally.
Any help greatly appreciated!, Thanks!

I've had a similar-ish issue to you, minus cropping. Two key things:
1) To edit the position or size of the hero image double-click it
2) If the original image is smaller or larger or differently sized than the target Hero frame this (above) will happen. What I did was to
scale the frame for the Hero image to the intended area, then get the dimensions of that area using a rectangle. Copy the vaues to make a new Photoshop document and
manually import the images individually and save the resulting JPEGs which will have the additional space around the image to fill it for the Hero (ideally scale the image to fill the target space by losing any necessary empty space).
Essentially the original images you're using must be the same as the resulting frame which is no good if they're all different sizes. Yeah, it's a pain.
Hope this helps. Look at my website homepage as an example: http://www.goodwinsanimations.com/

Trying to post an animated slideshow as my hero image, but having compatibility issues.

I'm trying to upload an animated hero image on my front page. Someone had told me flash wouldn't be a good idea because not all people have flash and won't be able to view it on the website. I created my material on Edge Animate and that is not compatible. What would be the best way to get it onto the website via contribute? Remake everything, convert the file, screen capture, or something else? I'm not too sure what direction would work the best.

Yes, I have one made just like that. It scrolls through different images. Only difference is mine has animated slides. For example, the elements in one slide such as the text and background photo transition into the slide some how whether it be fading or sliding in. Anyways, I made it on Edge Animate and would like to post it on contribute. I don't want to lose the function of my back and forth arrow buttons though. I was going to attempt to screen record the actions and post it, but I also had difficulty with formatting.

Why does fireworks add and extra quote on exporting html and images... looks like this ----- align=""left"

Hi Adobe Community,
I had this issue on previous versions of Fireworks.
Why is it happening? Is there a glitch in the software? I thought it would be fixed in the CC version..
here is a snippet of code that is exported.
<td><table style="display: inline-table;" align=""left" border="0" cellpadding="0" cellspacing="0" width="810">
Basically where ever there is a align="left" it is exported as align=""left"
This leaves me to do a find and replace to fix the code. Kind of annoying.
Personally I thought this would of been fixed in this version.
Please advise and how to fix this and prevent it from happening.
See screenshots below for my fireworks export settings.
Please help.

Anyone out there experience this?

I want my spry horizontal accordian in explorer content table to be closed and also wont align left

I've tried everything. my accordian will stay closed when landing on the page in all browsers except explorer and also I can't get the tab text to align left no matter what I do.
Here is the page http://www.lohud.com/legacy/advertising/mediakit/tjn_content_guide.html
Please help I've been at this for many many hours.
Here is my code
<!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>The Journal News Media Group</title>

<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background-image: url(images/backdrop.png);
background-repeat: no-repeat;
background-position:top center;
background-color: #77787B;
.pageLable {
font-family: arial;
font-size: 18pt;
color: #00adf0;
line-height: 25pt;
vertical-align: middle;
padding-top: 10px;
.pageLableTagline {
font-family: arial;
font-size: 18pt;
color: #A7A9AC;
.BlueText {
color: #00adf0 !important;
.descriptionFont {
font-family: arial;
font-size: 10pt;
line-height: 14pt;
.labelSub {
font-family: arial;
font-size: 14px;
color: #00adf0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
.content12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
.fontNinePoint {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
.white {
color: #FFF !important;
</style>

<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />

<style type="text/css">
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: underline;
a:active {
text-decoration: none;
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
h1,h2,h3,h4,h5,h6 {
font-family: Arial, Helvetica, sans-serif;
h6 {
font-size: 8px;
color: #000;
h4 {
font-size: 12px;
.fontsmall {
font-size: 9pt;
</style>
<style type="text/css">
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body leftmargin="0">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td><table width="906" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="126" rowspan="3"><a href="index.html"><img src="images/Logo_Nav_Black.jpg" alt="The Journal News Media Group" width="126" height="132" border="0" longdesc="index.html" /></a></td>
          <td width="780" height="30" align="right" valign="top"><table width="657" border="0" align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td width="61" height="32" align="right" valign="middle"> </td>
              <td width="372" align="right" valign="middle"><a href="http://www.linkedin.com/groups/Journal-News-Media-Group-4828545?trk=myg_ugrp_ovr" target="_new"><img src="images/linkedin.png" alt="linkedin" width="16" height="16" border="0" /></a></td>
              <td width="37" align="center" valign="middle"><a href="http://www.facebook.com/pages/The-Journals-News-Media-Group/124999397672489" target="_new"><img src="images/facebook.png" alt="facebook" width="8" height="16" border="0" /></a></td>
              <td width="90" align="center" valign="middle" nowrap="nowrap" class="white" style="font-size:12px"><strong><a href="newsletter.html" class="white">newsletter</a></strong></td>
              <td width="24" align="center" valign="middle" class="white" style="font-size:12px"><img src="images/dot.png" alt="" width="9" height="9" /></td>
              <td width="90" align="center" valign="middle" nowrap="nowrap" class="white" style="font-size:12px"><strong> <a href="contact.html" class="white">contact us </a></strong></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td align="right" valign="top"><table width="657" border="0" align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td width="75" bgcolor="#000000"> </td>
              <td width="369" bgcolor="#000000"><ul id="MenuBar1" class="MenuBarHorizontal">
                <li class="MenuBarItemSubmenu"><a href="#">About</a>
                  <ul>
                    <li><a href="our_brand.html">Our Brand</a></li>
                    <li><a href="our_audience.html">Our Audience</a></li>
                    <li><a href="giving_back.html">Giving Back</a></li>
                    <li><a href="careers.html">Careers</a></li>
                    </ul>
                  </li>
                <li><a href="digital.html" >Digital</a>                  </li>
                <li><a href="#">Print</a>
                  <ul>
                    <li><a class="MenuBarItemSubmenu" href="#">Journal News</a>
                      <ul>
                        <li><a href="tjn_content_guide.html">Content Guide</a></li>
                        <li><a href="tjn_print_reach.html">Print Reach</a></li>
                        </ul>
                      </li>
                    <li><a href="special_sections.html">Special Sections</a></li>
                    <li><a href="creative_ad_units.html">Creative Ad Units</a></li>
                    <li><a href="zoning_guide.html">Zoning Guide</a></li>
                    </ul>
                  </li>
                <li><a href="events.html">Events</a>
                  <ul>
                    <li><a href="golf_show.html">Golf Show</a></li>
                    <li><a href="theater_awards.html">Metropolitan High School Theater Awards</a></li>
                    <li><a href="rockland.html">Rockland Scholar Athlete</a></li>
                    <li><a href="ray_rice_day.html">Ray Rice Day</a></li>
                    <li><a href="cookie_swap.html">Cookie Swap</a></li>
                    <li><a href="give_grow.html">Give & Grow</a></li>
                    </ul>
                  </li>
                <li><a href="#"> Specs</a>
                  <ul>
                    <li><a href="print_specs.html">Print Specs</a></li>
                    <li><a href="digital_specs.html">Digital Specs</a></li>
                    <li><a href="deadlines.html">Deadlines</a></li>
                    <li><a href="terms_conditions.html">Terms & Conditions</a></li>
                    </ul>
                  </li>
              </ul></td>
</tr>
            <tr> </tr>
          </table></td>
        </tr>
        <tr>
          <td height="70" align="right" valign="top"> </td>
        </tr>
      </table>
      <table width="906" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="40"> </td>
        </tr>
    </table></td>
</tr>
</table>

<table width="906" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td height="300" valign="top" bgcolor="#FFFFFF"><table width="906" border="0" align="center" cellpadding="10" cellspacing="0">
      <tr>
        <td height="57" align="left" valign="top" class="pageLable">Content Guide <span class="pageLableTagline">lohud.com</span></td>
      </tr>
    </table> <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">News</div>
        <div class="AccordionPanelContent">
          <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content: </strong>The latest headlines, by county, updated continuously to keep readers informed of breaking news as it happens. Here is where they go to first for the latest on issues of particular importance to area residents: crime, politics, business, education, health and New York State news.<br />
                <strong><br />
                Advertiser Advantage:</strong> Benefit from prime positioning and high visibility on one of the most frequently<br />
                visited pages on lohud.com.</td>
              <td width="180" align="right"><img src="images/digital/contentguide/lh-news.jpg" alt="News" width="180" height="154" border="0" /></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Tax Watch</div>
        <div class="AccordionPanelContent">
          <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="685" align="left" valign="top" class="descriptionFont"><strong>Content: </strong>Money and taxes. It’s a passion topic that many area residents have a keen interest in following. Our standing Tax Watch feature on LoHud.com keeps them in-the-know with watchdog columns on government accountability, blogs from local tax experts, timely articles and columns.<br />
                <strong><br />
                Advertiser Advantage:</strong> Ideal environment for financial, banks, real estate, and business.</td>
              <td width="179" align="right"><img src="images/digital/contentguide/lh-taxwatch.jpg" alt="Tax Watch" width="179" height="155" border="0" /></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Communities</div>
        <div class="AccordionPanelContent">
          <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content: </strong>Sixteen ultra-local homepages dedicated to the unique villages, towns and cities of Westchester County, with daily updates, photos and neighborhood conversations designed to involve <br />
                and engage readers — and have them returning regularly for updates.<br />
                <strong><br />
                Advertiser Advantage: </strong>Ideal for smaller advertisers looking to reach their best potential customers<br />
                within targeted geographic areas.</td>
              <td width="181" align="right"><img src="images/digital/contentguide/lh-community.jpg" alt="Communities" width="179" height="158" border="0" /></td>
            </tr>
          </table>
        </div>
      </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Living Here</div>
        <div class="AccordionPanelContent">
          <table width="865" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="686" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Awarded “First Place Winner/Niche Website” by the 2012 New York Associated Press! Offers an insider’s look at Lower Hudson Valley real estate for residents looking to buy, sell up, downsize or plan a renovation.<br />
                <strong><br />
                Advertiser Advantage:</strong> Ideal for real estate, financial, and home-related businesses. Provides a locally driven and highly targeted environment for your message.</td>
              <td width="179" align="right"><img src="images/digital/contentguide/lh-livinghere.jpg" alt="News" width="179" height="155" border="0" /></td>
            </tr>
          </table>
        </div>
    </div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Sports</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Comprehensive and updated frequently to keep fans up to date with the latest action from high school, college, major-league teams. Featuring game results, profiles of local athletes, perspective, commentary and blogs for reader interaction.<br />
          <strong><br />
          Advertiser Advantage:</strong> Action-packed environment for auto aftermarket, sporting goods, financial,<br />
          men’s interests, orthopedic and physical therapy businesses.</td>
        <td width="180" align="right"><img src="images/digital/contentguide/lh-sports.jpg" alt="Sports" width="180" height="158" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Blogs</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="683" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Can we talk? We sure can…and readers love to hear what our writers and editors have<br />
to say. Our lively Blogs site is where they can turn to for conversation and opinion on all kinds of <br />
subjects — community, lifestyle & entertainment, news, opinion and sports, including our extremely popular Yankees blog.<br />
          <strong><br />
          Advertiser Advantage:</strong> Benefit from prime positioning and visibility on highly targeted pages that offer maximum impact and response.</td>
        <td width="181" align="right"><img src="images/digital/contentguide/lh-blogs.jpg" alt="News" width="181" height="157" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Multimedia</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> A picture is worth a thousand words and this photo/video gallery keeps readers involved and engaged with compelling local photos from the week and informative feature videos on trending stories.<br />
          <strong><br />
          Advertiser Advantage:</strong> Ideal for retailers of all kinds, benefit from prime positioning and visibility on<br />
          highly targeted pages.</td>
        <td width="178" align="right"><img src="images/digital/contentguide/lh-multimedia.jpg" alt="Multimedia" width="178" height="157" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Life & Leisure</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> The perfect complement to our daily “Life & Style” print section, it’s where readers go to be inspired and entertained! Featuring complete local restaurant and food coverage, weddings/engagement announcements, home & garden tips, movie & TV reviews, music and more.<br />
          <strong><br />
          Advertiser Advantage:</strong> Ideal weekly environment for restaurants, entertainment and leisure-related<br />
          businesses.</td>
        <td width="180" align="right"><img src="images/digital/contentguide/lh-lifeleisure.jpg" alt="Life and Leisure" width="180" height="158" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Opinion</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Everybody’s got one — and this is where it counts. Our Opinion page on LoHud.com is just <br />
          that: opinions on the issues of the day, from our staff and from our readers, designed to inform, inspire and encourage interaction. Find editorials by our writers and editors, commentary, letters, editorial board surveys and more.<br />
          <strong><br />
          Advertiser Advantage:</strong> Benefit from prime positioning and visibility on highly targeted pages that offer maximum impact and response.</td>
        <td width="178" align="right"><img src="images/digital/contentguide/lh-opinion.jpg" alt="Opinion" width="178" height="156" border="0" /></td>
      </tr>
    </table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Obituaries</div>
<div class="AccordionPanelContent">
    <table width="864" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="684" align="left" valign="top" class="descriptionFont"><strong>Content:</strong> Comprehensive and complete, with death notices, memorials, touching tributes and <br />
          convenient interactive features such as a search feature, free obituary alerts, one-click access to flowers and services, guest book signing and more.<br />
          <strong><br />
          Advertiser Advantages:</strong> Ideal environment for funeral homes, estate planners and florists.</td>
        <td width="178" align="right"><img src="images/digital/contentguide/lh-obits.jpg" alt="Obituaries" width="178" height="154" border="0" /></td>
      </tr>
    </table>
</div>
</div>
    </div>
    <p> </p></td>
</tr>
</table>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1",{ useFixedPanelHeights: false, defaultPanel: -1 });
</script>

<table width="906" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td height="19" align="center" valign="middle" bgcolor="#77307d" class="white" style="font-size:12px"> <a href="contact.html"><img src="images/contactAnAdvert.png" alt="Contact an advertising expert" width="336" height="18" border="0" /></a></td>
    </tr>
<tr>
    <td height="19" align="center" valign="middle" class="white" style="font-size:12px"><p><br />
    1133 Westchester Avenue, Suite N-110, White Plains, NY 10604   <img src="images/dot.png" width="9" height="9" alt="dot" /> P: 914-694-5500</p>
    <p> </p>
    <p><a href="http://www.gannett.com/" target="_new"><img src="images/Gannett.png" alt="Gannett" width="130" height="18" border="0" /></a><br />
      <br />
      Copyright © 2013<a href="http://www.lohud.com/" target="_new" class="white"> www.lohud.com</a>. All rights reserved.<br />
      Users of this site agree to the <a href="http://www.lohud.com/section/terms" target="_new" class="white">Terms of Service</a>, <a href="http://www.lohud.com/section/privacy" target="_new" class="white">Privacy Notice/Your California Privacy Rights</a>, and <a href="http://www.lohud.com/section/privacy#adchoices><http://www.lohud.com/section/privacy #adchoices" target="_new" class="white">Ad Choices</a> <br />
    </p></td>
    </tr>
</table>
<p> </p>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> </tr>
</table>
<p> </p>
<p> </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

It just wont align left ......This is my style sheet
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.Accordion {
overflow: hidden;
outline:none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
text-align: left;
.AccordionPanel {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
text-align: left;
    padding-left: 10px;
color: #000000;
background-color: #c0dff5;
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: #FFF;
text-indent: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
outline:none
margin: 0px;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
padding-left: 10px;
padding-right: 10px;
height: 200px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: c0dff5;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #999999;
background-color: c0dff5;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: left;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
.AccordionPanelOpen
.AccordionPanelTab {
background-color: c0dff5;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
font-size: 12pt;
padding-left: 10px;
padding-right: 10px;

Moving the caption around on the hero image ...

Hi All,
Is there a particular slide show or composition I can use to allow me to move wording, or a caption around on the hero image so that for instance on image #1 the wording appears on the image in the upper left of the image, then on image #2 the wording appears on the lower right of the image, etc.
In other words I'd like the headline (or wording) associated with each particular image to appear where I want it to appear (where I place it) rather than in the same location on each different image in the slideshow.
Thanks!
Gary

Really with any of the slideshows you should be able to just go to each slide and move the objects around. Here is a quick sample ... I just did this really really fast using part a musegrid.com widget (www.musegrid.com)
http://slider10.auroratec.ca/

Image Align Not Working in Browser

Ok, so i have text and i put some images in there and i set my image align to either left or right or however i need it and it looks fine in dreamweaver, but when i preview it in a browser it isn't right. Does anyone know why this could be? I'm prolly being dumb and just have a slight minor detail wrong so......feel free to slap me if needed....

In code view, you have this at the top of your page:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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>
Which should be this:
<!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>
Remove the JavaScript tag.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Multiple hero images from one thumb?

Hello all, I have been trying to figure this out for a while and it's driving me crazy (In Muse). Normally when I click on a thumb in a slideshow it shows just one hero image of the thumb (which makes sense). But I really want to have it so that if you click on a thumb then you are able to click through a number of hero images from the same thumb. For example, I have a pic of a car as the hero image, I then want to be able to click on the hero image and click through a number of images showing the cars interior. Is this possible? If not are there work-arounds?
thank you so much

This is, why I like Muse so much: A well sorted set of features, which fully unfolds, when you combine them. This produces much more creativity then drowning the users in countless switches, buttons and dialog boxes for a contextless flood of incoherent features.

How to achieve Vertical Text,start From left to right?

How to achieve Vertical Text,start From left to right?
Maybe it does not make sense for English,but it is Quite useful for Chinese

@喜狼_edny – hm. Possible, but the result is somehow unsatisfactory.
See for yourself.
We could start with some text right aligned in a table with just one single cell:
We could rotate the cell to 270° like that:
Code:
var myCell = app.selection[0].tables[0].cells[0];
myCell.rotationAngle = 270;
And now we need the text direction from right to left and all characters rotated to 180°:
Code:
var myCell = app.selection[0].tables[0].cells[0];
myCell.rotationAngle = 270;
myProperties = {
    composer : "$ID/HL Composer Optyca",
    characterDirection : CharacterDirectionOptions.RIGHT_TO_LEFT_DIRECTION,
    paragraphDirection : ParagraphDirectionOptions.RIGHT_TO_LEFT_DIRECTION,
    characterRotation : 180
myCell.texts[0].properties = myProperties;
Result:
Ugh! Not exactly the result we expected…
(Tested with InDesign CS5.5 on OSX 10.6.8)
It's the characterRotation that is not working as expected.
Uwe
Message was edited by: Laubender

Hero Images Revert to Original Size After Being Resized

Hi,
I have read many forum questions about resizing hero images in slideshows, but I'm having a slightly different problem:
In order to have larger images in my slideshow I have been resizing the hero images to 500px height one by one (as I can't seem to find a way to edit all hero images together).
But now I am finding that images I have already made larger have reverted back to their original size. This is without exiting the program or even changing windows.
This is already a time consuming process as I'm working on an artist's site and there are multiple slideshows with dozens of images each.
Does anyone have a solution to this problem?
Thanks!
- Véronique

Hi,
I have read many forum questions about resizing hero images in slideshows, but I'm having a slightly different problem:
In order to have larger images in my slideshow I have been resizing the hero images to 500px height one by one (as I can't seem to find a way to edit all hero images together).
But now I am finding that images I have already made larger have reverted back to their original size. This is without exiting the program or even changing windows.
This is already a time consuming process as I'm working on an artist's site and there are multiple slideshows with dozens of images each.
Does anyone have a solution to this problem?
Thanks!
- Véronique

Broad Question - Horizontal Scrolling Slideshow with Still Images

Hi everyone,
I have to make a horizontal scrolling slideshow using many images of different filetypes, sizes and DPI in Premiere Pro CS5.5. I have tried a few different methods but each has its own problems:
1. Arrange still images horizontally in the timeline, adjacent to eachother, and apply a custom Push video transition between each one. This is a consistent method that doesnt require much work but it's tough to control the amount of whitespace between the images, especially when the images are all different proportions.
2. Arrange still images both horizontally and vertically in the timeline, so that there is no white space between the images (the images overlap across multiple video lanes). Then, set up motion fx for the position of the image for each clip. This is tedious and I have to make every clip the same size and make sure the distance each clip travels (in the motion fx) is the same. So for instance, I have to set the starting key to 1200 on the x-axis, and the ending key to -300, for every single image (tedious when there are many). Another problem with this is that it becomes very difficult to change the duration of the motion fx once ive set it up for many.
3. To have an easier time composing the arrangement of images, I just make a single giant image by laying out dozens of photos in InDesign, then export a very wide jpeg. The great thing about this is it's fast, easy, and the composition is exactly how i want it. The bad thing is that premiere doesn't handle many megapixel images well, and furthermore the image quality is horrific compared to the quality of importing individual images.
The biggest problem with all of these is the image quality (extremely poor compared to viewing the source images on their own) and the animation smoothness (all three methods produce very jittery and erratic videos). The biggest question I have is: should I even be doing a slideshow in Premiere? Can someone recommend a better application I should be using for something like this? Do i have to learn Flash? I am not trying to make an interactive thing, just a video/animation where I hit play and dozens of images scroll horizontally, at the same speed, with a lot of control over the scaling of the images and their horizontal and vertical arrangement (the amount of whitespace between them).
Thanks for everyone's time and help!

Don't know if it is still being sold, but Grass Valley's Imaginate was the perfect application for your intended purpose. There are many others as well, but PR is not the program of choice for this.

Slideshow vertical hero image aligns left

Similar Messages

Maybe you are looking for