Delaying Rollover on a Link

I'm very new to Dreamweaver CS5. I am currently making a website and I am working on the properties of a link.
I have the word "Enter" linking to the home page of the site. I have the color change to a lighter color when the mouse rolls over the word. However, this happens instantly. I'm wondering if there is a way for the lighter color to fade in when you rollover with the mouse instead of just change immedietely?
Thanks so much!

I have the word "Enter" linking to the home page of the site.
Why? Intro/splash pages were popular in the 90's but not anymore. You're wasting the most valuable piece of real estate on your site by not making your home page the domain name landing page.
Anyway, to answer your question about animated buttons, use CSS & jQuery. See link below for code and demonstration.
http://jsfiddle.net/NancyO/JWsaC/
Nancy O.

Similar Messages

Rollover effects on links not displaying correctly

Hi there,
I have added rollover effects to links on a website I am working on. However, some of them do not display properly when uploaded. Here is a link to the website:
http://www.southernprairierailway.com/
You will notice on the home page in the "News" column there is a "CLICK HERE to view our blog" link, but it is displaying in blue making it very hard to read. I have a class assigned to it so that it is the same color as the rest of the text in the column, but when you mouse over it changes to bold and underlined (which it does).
Also, on the history page, there is a link to the photo gallery and again, it is not displaying properly.
Thank you for any suggestions.

Links have five states: link, visited, hover, active, focus.
You need to define CSS rules for all of them.
In the absence of a:visited, you're seeing an unstyled, browser default a:visited link.
Try
#clickhere a:link, #clickhere a:visited {
font-family: Helvetica, Verdana, Arial;
font-size: 14px;
color: #E7E0D3;
#clickhere a:hover, #clickhere a:active, #clickhere a:focus {
font-family: Helvetica, Verdana, Arial;
font-size: 14px;
font-weight: bold;
color: #E7E0D3;
text-decoration: underline;

Firefox hangs, links don't click through, delayed response on some links

Firefox hangs, links don't click through, looong delays on some links

i have been using firefox for many years but now Im getting fed up with pages hanging.. it happens when the page is flash enabled.
i tried ie and chrome and both work properly - I just dont like them.. please fix this!
running win7 on a HP 4310s laptop brand new with all updates installed... my extensions are flashgot, xmarks, image toolbar, java, office, acrobat reader.
I tried safe-mode and it still hangs!
I also noticed that when I have two tabs open or more and I try to close firefox from task manager it will un-hang but only for a while - I cancel the closing and continue using the browser as normal... if during this time I navigate away from the flash enabled page then it continues normally. If I stay on the flash enabled page or open a new one it hangs again shortly after.

~10s delay when clicking on links before loading begins

I am having a delay of around 10 seconds after clicking on links before loading starts. On some websites it is worse than on others, worst being on reddit.com. I already tried resetting firefox but that didn't help. Thanks in advance for any help.

Did this occur when you didn't have the "Stealthy" extension installed, or does it make any difference if you disable it?
To rule extensions in/out as a potential culprit, you could try surfing for a while in Firefox's Safe Mode. That's a standard diagnostic tool to bypass interference by extensions (and some custom settings). More info: [[Troubleshoot Firefox issues using Safe Mode]].
You can restart Firefox in Safe Mode using
Help > Restart with Add-ons Disabled ''(Flash and other plugins still run)''
In the dialog, click "Start in Safe Mode" (''not'' Reset)
Any difference?

Delay whilst using/dragging link tool

Hello, this is very annoying, I have an interactive .PDF document with small areas set aside for links to be inserted, when I select the link tool and click and drag (as per the help file "creating links using link tool") the link is created from the end drag point not where I started the drag, this is a...drag! And is very time consuming to then either re-do the link or I have to re-scale it and/or move it. I'm using Acrobat 3d version 8.
Is there something I'm missing or doing wrong? It is happening on my work colleges PC too (Acrobat 8 pro.)

Hi Eric,
You should probably ask this question on the regular User-to-User forum, as this forum is specifically for 3D issues. I have Acrobat 9 Pro Extended installed, but I can tell you that when I use the link tool, if I drag down and to the right, the upper left-hand corner of the resulting box is my start point, which is what I expect. If I drag down and to the left, the lower right-hand corner is where I started, as expected.

Copying a table with rollover images & links

Need help...
Using Dreamweaver CS4.
I have a table with rollover images and links from those rollovers"
I now want to copy and paste the table into other pages, but when I do, my links are broken and the rollovers don't work.
I have my Site Def preferences set to "Links relative to: Document"
Is there an easy way to copy & paste a table with rollover graphics and links?
I've tried dragging the table from the page with the working links onto the different page. The graphics show up, but the second state of the rollovers soesn't show up, and I get some weird link error:
Can anyone help?

<!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>Phyllis Bramson</title>
<style type="text/css">

</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="styles.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="Bramson, artist, Chicago, painter" />
<meta name="Description" content="Phyllis Bramson is an established Chicago painter and educator." />
</head>
<body onload="MM_preloadImages('common_graphics/menu_paintings1990_rollwhite.gif','common_graph ics/menu_paintings2000_rollwhite.gif','common_graphics/menu_paintings1980_rollwhite.gif',' common_graphics/menu_paintings1970_rollwhite.gif','common_graphics/menu_worksonpaper2000_r ollwhite.gif','common_graphics/menu_worksonpaper1990_rollwhite.gif','common_graphics/menu_ worksonpaper1980_rollwhite.gif','common_graphics/menu_worksonpaper1970_rollwhite.gif','com mon_graphics/menu_scrolldrawings_rollwhite.gif','common_graphics/menu_statement_rollwhite. gif','common_graphics/menu_resume_rollwhite.gif','common_graphics/menu_collections_rollwhi te.gif','common_graphics/menu_exhibitionsnews_rollwhite.gif','common_graphics/menu_links_r ollwhite.gif')">
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td bgcolor="#666699" scope="col"> </td>
    <td height="30" scope="col"><img src="common_graphics/mast_namebanner.gif" alt="" width="740" height="36" border="0" usemap="#Map2Map2" />
      <map name="Map2Map2" id="Map2Map2">
        <area shape="rect" coords="562,8,719,32" href="mailto:[email protected]" target="_blank" alt="email" />
    </map></td>
</tr>
<tr>
    <td width="160" valign="top" bgcolor="#666699" scope="col"><table width="190" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><img src="common_graphics/menu_paintingssculpture_rollnorm.gif" alt="" width="190" height="34" border="0" /></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_2000/paintings_2000.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','common_graphics/menu_paintings2000_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings2000_rollnorm.gif" alt="" name="Image22" width="190" height="20" border="0" id="Image22" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_1990/paintings_1990.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','common_graphics/menu_paintings1990_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1990_rollnorm.gif" alt="" name="Image21" width="190" height="21" border="0" id="Image21" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/paintings_sculpture/paintings_1980/paintings_1980.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','common_graphics/menu_paintings1980_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1980_rollnorm.gif" alt="" name="Image20" width="190" height="21" border="0" id="Image20" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="paintings_sculpture/paintings_1970/paintings_1970.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','common_graphics/menu_paintings1970_rollwhite.gif' ,1)"><img src="common_graphics/menu_paintings1970_rollnorm.gif" alt="" name="Image23" width="190" height="24" border="0" id="Image23" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><img src="common_graphics/menu_worksonpaper_rollnorm.gif" alt="" width="190" height="28" border="0" /></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_2000/works_on_paper_2000.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','common_graphics/menu_worksonpaper2000_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper2000_rollnorm.gif" alt="" name="Image24" width="190" height="19" border="0" id="Image24" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1990/works_on_paper_1990.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','common_graphics/menu_worksonpaper1990_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1990_rollnorm.gif" alt="" name="Image25" width="190" height="22" border="0" id="Image25" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1980/works_on_paper_1980.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','common_graphics/menu_worksonpaper1980_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1980_rollnorm.gif" alt="" name="Image26" width="190" height="21" border="0" id="Image26" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="/works_on_paper/works_on_paper_1970/works_on_paper_1970.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','common_graphics/menu_worksonpaper1970_rollwhite.g if',1)"><img src="common_graphics/menu_worksonpaper1970_rollnorm.gif" alt="" name="Image27" width="190" height="30" border="0" id="Image27" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="scroll_drawings/scroll_drawings.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','common_graphics/menu_scrolldrawings_rollwhite.gif ',1)"><img src="common_graphics/menu_scrolldrawings_rollnorm.gif" alt="" name="Image28" width="190" height="41" border="0" id="Image28" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="statement/statement.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image29','','common_graphics/menu_statement_rollwhite.gif',1)" ><img src="common_graphics/menu_statement_rollnorm.gif" alt="" name="Image29" width="190" height="43" border="0" id="Image29" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="resume/resume1.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image30','','common_graphics/menu_resume_rollwhite.gif',1)"><i mg src="common_graphics/menu_resume_rollnorm.gif" alt="" name="Image30" width="190" height="41" border="0" id="Image30" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="collections/collections.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','common_graphics/menu_collections_rollwhite.gif',1 )"><img src="common_graphics/menu_collections_rollnorm.gif" alt="" name="Image31" width="190" height="42" border="0" id="Image31" /></a></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#666699" scope="col"><a href="exhibitions_news/exhibitions_news.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image32','','common_graphics/menu_exhibitionsnews_rollwhite.gi f',1)"><img src="common_graphics/menu_exhibitionsnews_rollnorm.gif" alt="" name="Image32" width="190" height="42" border="0" id="Image32" /></a></td>
      </tr>
      <tr>
        <td height="42" valign="top" bgcolor="#666699" scope="col"><a href="links/links.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','common_graphics/menu_links_rollwhite.gif',1)"><im g src="common_graphics/menu_links_rollnorm.gif" alt="" name="Image33" width="190" height="42" border="0" id="Image33" /></a></td>
      </tr>
    </table>      <p> </p></td>
    <td align="left" valign="top"><table border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
        <td width="30" height="97" scope="col"> </td>
        <td width="330" scope="col"> </td>
        <td width="20" scope="col"> </td>
        <td scope="col"> </td>
      </tr>
      <tr>
        <td scope="col"> </td>
        <td scope="col"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="400" id="FlashID" title="slideshow">
          <param name="movie" value="home/homepage.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="8.0.35.0" />
          
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          
          
          <object type="application/x-shockwave-flash" data="home/homepage.swf" width="400" height="400">
            
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="8.0.35.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            
          </object>
          
        </object></td>
        <td scope="col"> </td>
        <td valign="bottom" scope="col"><img src="home/homepage_quote.gif" alt="Quote" width="282" height="192" border="0" /></td>
      </tr>
    </table></td>
</tr>
</table>
<map name="Map2Map" id="Map2Map">
<area shape="rect" coords="562,26,719,50" href="mailto:[email protected]" target="_blank" alt="email" />
</map>
<map name="Map2" id="Map2">
<area shape="rect" coords="562,26,719,50" href="mailto:[email protected]" target="_blank" alt="email" />
</map>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12139148-3");
pageTracker._trackPageview();
} catch(err) {}
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Rollover image link to php category results

I am working on a site using Cartweaver's php ecommerce
solution and I can't figure out how to make a rollover image a link
for a specific gategory.
Example: rollover button 1 would display all items for
category 1, rollover button 2 for category 2, etc.
Any thoughts?

Can you use CSS rollovers or "sprites"?<br /><br />-- <br />Murray<br /><br /><br /><Jesper_Mø[email protected]> wrote in message <br />news:[email protected]..<br />> For the first time in a long time i have to make some links usinge image <br />> with rollover effect, but i cant find the tools to do it ??<br />><br />> last time i made that was with GL5 and ther i had the posebilyty to set <br />> the rollovers in the inspector<br />> And if o open one of those old site i still get those tools in the <br />> inspecter<br />><br />><br />> But how do i get them on a new page ??<br />><br />> Or is it better to use another tecnik ??<br />><br />> I have seen the rollover tab but that makes a nother kind of rollover <br />> (using inline script)<br />><br />> Pleas advise

Dreamweaver CC Library Item with rollover link produces two body tags. Why?

I have a library item which is used in two pages and works correctly if it does not contain a rollover arrow with a link taking you to the top of the library item. This produces the following near the top of each of the containing pages:
</head>
<body class="indexpage">

<p><a id="top"></a></p>
Note that the Library Item does not itself have a <body> tag in this original, working version.
The problem arises when I insert an image rollover with a link up to #top (which is defined as above).
First, the Library Item has the following near its top:
<script ...>
... various functions to handle the rollover
</script>
<body onLoad="MM_preloadImages('../images/uparrowred2.gif')">
<p><a id="top"></a></p>
Secondly, the containing pages now have the following near the top:
</head>
<body class="indexpage" onLoad="MM_preloadImages('images/uparrowred2.gif)">

<script ...>
... various functions to handle the rollover
</script>
<body onLoad="MM_preloadImages('../images/uparrowred2.gif')">
<p><a id="top"></a></p>
It can be seen (shown in red) that the Library Item has correctly transferred the onLoad instruction to the containing page's <body> tag and at the same time altered the address of the GIF image from '../images/xxx.gif' to 'images/xxx.gif'. [The root folder with the various html pages has a number of subfolders including 'images' and 'Library']. But now, unfortunately, the containing pages have two <body> tags with the second one pointing to the wrong location for the GIF image.
Would someone please explain what is going on. I can think of three possibilities: (1) I may be doing something really stupid, (2) there may be a bug in Dreamweaver CC or (3) Library Items may not be allowed to contain anything "complicated" like a rollover. I did see a very old (2007) discussion in this forum suggesting that Library Items were rather limited in what they could contain, but over the intervening six years I would have expected things to have improved.

Thank you, but in that case I'm not sure I understand the purpose of Library Items. Before I added the Library Item, there was nothing to preload. When I add a rollover to the Library Item, Dreamweaver creates the preloader instruction within the Library Item. Then when I include the Library Item in an html page, Dreamweaver controls where the preloader is put.
Do I then need to manually edit what Dreamweaver has done? In this instance it would have been almost as quick to have ignored the use of a Library Item and copied and pasted the relevant code into the two pages and manually created the revised <body> tag with a preloader. In my relative inexperience with Dreamweaver, I just thought that using a Library Item in multiple pages would save me some effort when I wanted to change the content of the Library Item. As I said, the Library Item worked OK until I added a rollover within it.

The underline is in the middle of the links in my spry accordion

I created a spry accordion menu in Dreamweaver CS4, and when I test it the underline is in the middle of the links in my spry accordion. This is not happening when I test it in a browser on the Mac I'm working on, but when I test it on a PC my rollover links have the line going through the center verses being underlined. The rest of the links on my page are fine, this is just happening when I rollover my submenu links in my Spry accordion when I test it in a browser on a PC. I am a "spry virgin," so please help!!!

Hello Em_needs_help,
You posted this message in the InContext Editing Web Developer discussion. I'm going to move your post to the Spry forums where more spry experts will be able to help.
Best regards,
Corey

How do I change "link =" code to "href=" on my flash navigation?

I was given the following recommendation for my website:
Your flash menu links to home.html. However, since home.html is the default document, you're encouraging people to link to http://www.victorylcms.org/home.html or bookmark it. If you ever change the name of the default document (home page), those links will break. I would change the link to be <a href="/">home</a> so it loads whatever default page you are currently using.
I looked at my code and it says this:
onClipEvent (load) {
    num = 1;
    this.hitArea = this.area;
    link = "home.html";
on (rollOver) {
    if (_root.link<>num) {
        _root.icon1.gotoAndPlay("s1");
        _root.item1.gotoAndPlay("s1");
on (releaseOutside, rollOut) {
    if (_root.link<>num) {
        _root.icon1.gotoAndPlay("s2");
        _root.item1.gotoAndPlay("s2");
on (release) {
    if (_root.link<>num) {
        _parent["item"+_root.link].gotoAndPlay("s2");
        _root.link = num;
        getURL(link);
When I changed the first section to this, I got an error and the home button kept rotating. Any ideas on how to make this recommendation? Thanks!
onClipEvent (load) {
     num = 1;
     this.hitArea = this.area;
     link = <a href="/">home</a>;

You're still trying to use an html tag for a link and I just said that will fail... Use:
onClipEvent (load) {
    num = 1;
    this.hitArea = this.area;
    link = "http://www.victorylcms.org";
The error with the code you tried, aside from just being wrong programmatically, is that you had two = signs in that line and not enough quotes to make the second one part of a string. The correct way to have written that line would have been
link = "<a href=\"http://www.victorylcms.org\">Home</a>";
But do not use that, it is wrong to use it.

Help with Re-Linking Navigation Buttons

I have Adobe Flash CS3 Pro.
I have a navigation header flash file that came with my website template and I am having difficulty making sense of the actionscript. It has a logo section with effects, 5 main nav buttons that move, and two extra link buttons above the navigation bar. Let’s focus on just the Navigation buttons for now. Here is what I have gathered. I have multiple text buttons on one movieclip, and I have successfully edited the text for each button. If I look at the actionscript in the top layer of this movieclip I see:
“gotoAndStop(parent._parent.num);”
I also have a separate movieclip symbol (with effects) with 5 buttons layers listed in the actionscript with the following actionscript tied to each button from numbers 1 through 5:
onClipEvent (load) {
            num=1;
onClipEvent (load) {
            num=2;
onClipEvent (load) {
            num=3;
onClipEvent (load) {
            num=4;
onClipEvent (load) {
            num=5;
On the top layer of these 5 buttons I have the following actionscript:
stop();
this["item"+_root.button].gotoAndPlay("s1");
_root.link = _root.button;
I also have a separate button symbol with the following actionscript:
on (rollOver) {
            if (_root.link<>1) {
                        menu.item1.gotoAndPlay("s1");
on (releaseOutside, rollOut) {
            if (_root.link<>1) {
                        menu.item1.gotoAndPlay("s2");
on (release) {
            if (_root.link<>1) {
                        _root.menu["item"+_root.link].gotoAndPlay("s2");
                        _root.link = 1;
                        getURL("index.html");
Now my website template came with 5 html pages that my flash navigation buttons correspond to: (index.html, index-1.html, index-2.html, index-3.html, index-4.html, index-5.html). My problem is that I have created new pages (index.html, about.html, featured.html, projects.html, contact.html). I would like each of the 5 buttons to correspond to these pages, not the existing standard “index-n.html” pages.
Also, this is probably not relevant, but each html page has something to this affect so I can see how they correspond to each button.
<script type="text/javascript">
          var fo = new FlashObject("flash/menu_vf8.swf?button=2", "head", "100%", "144", "7", "");
          fo.addParam("quality", "high");
                    fo.addParam("wmode", "transparent");
                        fo.addParam("scale", "noscale");
          fo.write("head");
        </script>
I guess my real question is: What actionscript do I need to update or remove for the nav button LINKS to work with my new html pages rather than the standard 5 index-n.html pages that it automatically wants to link to?
When I try and add a “getURL” command to each of the 5 buttons and test preview the movie, the links work, but it messes up the effects of the movieclip. In other words, the buttons don’t move, they are motionless, however the links work. If I added this command to each button in some way, what actionscript would I need to remove so there weren’t any complications? I need some expert help here for it would be much appreciated. I am a novice with Flash script and its killing me that I can’t figure it out. I asked for help from the template support and all they came back with was the following message and it wasn’t helpful:
You need to duplicate each button you are editing - it is very important.
2) Update the scripting to look similar way:
on (release) {
if (_root.link<>num) {
_parent["item"+_root.link].gotoAndPlay("s2");
_root.link = num;
if (num == 1) {
getURL("index.html");
} else {
getURL("index-"+Number(num-1)+".html");
Update it to:
on (release) {
getURL("http://www.google.com");
Also, I read through the following discussion, which was helpful to a degree, but it still didn’t answer my questions about getting the links to work.
http://forums.adobe.com/message/3614092#3614092

First of all, thank you for showing interest and helping out in my dilemma here. I wish I understood your meaning behind “on” because with my luck there is probably some hidden way of placing script on an object that I don’t understand or haven’t discovered yet.
This is what I know:
I have multiple text buttons on one movieclip entitled “textbutton1” (see previous picture), and I have successfully edited the text for each button and created two extra frames/buttons to make 7 total. If I look at the actionscript in the top layer of this movieclip I see:
“gotoAndStop(parent._parent.num);”
But there is no action on each individual frame (all 7 of them) on that layer.
Like I mentioned before I have a separate movieclip symbol (entitled “menu effect”) with 7 button movieclip layers listed in the actionscript with the following actionscript on each layer.
onClipEvent (load) {
            num=1;
onClipEvent (load) {
            num=2;
onClipEvent (load) {
            num=3;
onClipEvent (load) {
            num=4;
onClipEvent (load) {
            num=5;
onClipEvent (load) {
            num=6;
onClipEvent (load) {
            num=7;
On the top layer (layer 4 frame 25) of these 5 buttons I have the following actionscript:
stop();
this["item"+_root.button].gotoAndPlay("s1");
_root.link = _root.button;
I can upload another particular image of the movieclip/actionscript if it would be helpful. Let me know.

Trying to share link to file on cloud - recipient gets an error saying link is "no longer active"

I am trying to share a video file stored on Adobe Creative Cloud storage. I click "Send link", check "Allow file download", enter recipient's email address and click "Send link." The recipient receives the link in an email message but when they try to use the link to access the file they get an error saying the link is "no longer active". There was very little delay between sending the link and their trying to use it. I can watch and download the file myself on my Creative Cloud storage. This service is fairly new to me. Please let me know what I am doing wrong.

I think it is a bug.

Links bar

Hi,
I really like this effect on the BBC website (and probably a
zillion other sites, right?)
http://news.bbc.co.uk/
The effect is the navigation bar down the left-side of the
page.
Hover over a link and the background changes colour and the
text underlines. Clicking on the link takes you to the desired page
How can I reproduce this effect. I'm sure it's realllly easy,
but I don't know how to do it.
In the past, I created a one column table. In each cell I had
a rollover image which linked to the web page in question. I have a
feel that this isn't the best or most accesible way to achieve the
result. It can also be slow to load.
Does anyone know a better way?
I would really appreciate any help on this one.
Thank you

Thanks Tim,
That is more or less what I want to achieve.
I'll probably use the DW vertical spry menu to achieve this.
quote:
Originally posted by:
Newsgroup User
Hello,
Take a look at the examples of vertical list menus in this
tutorial.
http://css.maxdesign.com.au/listamatic/index.htm
This one in particular is very close:
http://css.maxdesign.com.au/listamatic/vertical08.htm
You'd just need to add text-decoration:underline; to the
hover style.
Take care,
Tim
"Stuart Smitheringale" <[email protected]>
wrote in message
news:gmddhe$n0b$[email protected]..
> Hi,
>
> I really like this effect on the BBC website (and
probably a zillion other
> sites, right?)
>
>
http://news.bbc.co.uk/
>
> The effect is the navigation bar down the left-side of
the page.
>
> Hover over a link and the background changes colour and
the text
> underlines.
> Clicking on the link takes you to the desired page
>
> How can I reproduce this effect. I'm sure it's realllly
easy, but I don't
> know
> how to do it.
>
> In the past, I created a one column table. In each cell
I had a rollover
> image
> which linked to the web page in question. I have a feel
that this isn't
> the
> best or most accesible way to achieve the result. It can
also be slow to
> load.
>
> Does anyone know a better way?
>
> I would really appreciate any help on this one.
>
> Thank you
>

HTML Email Rollover question

Hi Guys
I am looking at adding an image rollover to some links on my HTML email, i have read alot on using css but am sure its not supported unless it's inline. my coding knowlege limited so i may not be fully understanding the expliantions given.
basically is there anyway to add an image rollover without using css?
Thanks guys n girls
Dean

With the exception of GMail, style rules are permitted in the head element, see.
Hover effects are not supported in Outlook 2007/2010, Gmail, iOS or Android. You may still want to include the a:hover style for all supporting clients: Outlook 2000/2003, Hotmail, Apple Mail, and Yahoo! mail ...see

Default image in CSS disjointed rollover

I have 5 pics that come up as CSS disjointed rollovers with 5 links. How can I make the first one the default, that shows up when the page loads, before the user hovers over one of the links? I tried placing the first pic on the page, just like you would any graphic, but I can't get the rollover pics to line up with it in Safari AND FF. When I get it aligned in one browser, it's slightly off in the other one. I've tried positioning by pixels, percentage and ems with no luck. Shouldn't there be something in the CSS that makes one of the pics the default? Thanks.
/** rollover change color **/
#rollover {
    padding: 0 1px 1px;
    margin-left: 0;
    font: bold 10px Verdana, sans-serif;
    text-align: center;
#rollover li {
    list-style: none;
    margin: 0;
    display: inline;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-align: left;
#rollover li a {
    text-decoration: none;
    background-color: #FFFFFF;
#rollover li a:link {
    color: #448;
    text-align: center;
#rollover li a:visited {
    color: #667;
    text-align: center;
#rollover li a:hover, #rollover li a:active, #rollover li a:focus{
    color: #FFF;
    visibility: visible;
    text-align: center;
    background-color: #000000;
/**disjointed image rules**/
#rollover li a span {
    visibility:hidden;
    display:block;
    position:absolute;
    left:27.8%; /**adjust image position in % or px as needed**/
    top:0%; /**adjust image position in % or px as needed**/
    text-align: center;/*color:#666;*/
#rollover li a:hover span, #rollover li a:active span, #rollover li a:focus span {
visibility:visible;

Sorry to be such a pain, but a new problem presents. The nav boxes are cut off at the top in IE 7, or, rather, IE 8 in compatibility mode.
http://www.paulcbuff.com/pcb2009/rollemover.html
No significant errors when I validated the CSS and HTML, except for _height:200px, which I tried commenting out to no avail.
Thanks!
#Relative {position: relative; margin:0 auto 14px auto; min-height:200px; _height:200px /**for IE6 Only**/ }
/**menu**/
#navlist {
    padding: 0 1px 1px;
    margin-left:0;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
#navlist li {
list-style: none;
margin: 0;
display: inline;}
#navlist li a {
    padding: 0.5em 0.5em 0.5em 0.75em;
    text-decoration: none;
    background-color: #ffcc33;
    border-width: 1px;
    border-style: solid;
    border-top-color: #000000;
    border-left-color: #AAB;
    color: #FFFFFF;
#navlist li a:link {
    color: #448;
    border: 1px solid #000000;
#navlist li a:visited {
    color: #ffcc33;
#navlist li a:hover, #navlist li a:active, #navlist li a:focus{
    /**border-color: #FF9900;**/
    color: #FFF;
    visibility: visible;
    background-color: #6633cc;
    border: 1px solid #000000;
/**Default Image container**/
#defaultImage {
visibility:visible;
display:block;
position:absolute;
left:110px; /**adjust position in pixels or % **/
top:50px; /**adjust position in pixel or %**/
/**disjointed image rules**/
#navlist li a span {
visibility:hidden;
display:block;
position:absolute;
left:110px; /**position same as default image layer above**/
top:50px; /**position same as default image layer above**/
/*color:#666;*/ }
#navlist li a:hover span, #navlist li a:active span, #navlist li a:focus span {
visibility:visible;}
a img {border:none}
/**end menu**/

Delaying Rollover on a Link

Similar Messages

Maybe you are looking for