Flex4 LinkButton Rollover question ?

I know this is probably a simple fix but I have spent a few hours trying to it out. I am working with a Link Button and I can not get it show a rollover color of my choice, it seems to default to a standard lt blue when you roll your mouse over it.
What am I missing to get the link button to disengage from the default setting and make it work with the rollover color I choose. I have no problems when I do the same in flex 3 but I can not figure it our on the flex4/flashbuilder side.
Thanks

Also just for kicks I reinstalled flex4
beta two and still ended up with the same result. the link button
all the text color fuctions work fine while none of the button color fuctions are not responding, they showing up with the default colors. I am trying everything to figure it out

Similar Messages

Disjointed rollover question

I have a floor plan of a shopping center with 24 rollover buttons. Each button has been sliced and linked to a frame (swap image) that shows the facade of a store. All photos (24 in all) preside in the same location on the canvas. Here is my problem, when previewing, only ten of the buttons work. No matter how I arrange and re-arrange behaviors, only ten buttons will link to the photos. I have tried this several times and the result is the same. Does Fireworks place a limit on the number of disjointed rollovers? I am using an older version (mx)...does anyone know if a later version fixed this? Any help is certainly appreciated!

Hi Joyce,
I spent some time playing with a practice file this morning and everthing seems to work okay now, so it was something I did wrong. Thanks so much for your insight and advice.
I do have one more question. On the attached file, which is the practice file I mentioned above, I want to form a second target to a trigger. In my file, I inserted another slice and I linked the frame named SubLink Number 1 to trigger number 1. My objective is to have the sublink L1 appear only when targeted image number 1 is triggered. In the real world, this sublink would be either detailed pictures or text describing the original target scene when triggered. When I proceeded to link Button number one to the sublink, it worked fine, but it also appears when I pressed any of the other buttons...which is not a desirable event. What am I missing?
Thanks,
Bob

Adobe Flash CS3 Rollover Question

This should be a relatively simple question. I am using Adobe
Flash CS3. I created an image in photoshop with layers and imported
it in to flash. Basically the image I have is a map with a bunch of
different states and my goal if when a user rolls over a state I
want to state to display a color. As many of you know states are
not in perfect rectangles, so when I do this click on a layer,
convert to a symbol, then change the rollover state to the way I
want it, the active rollover "hotspot" overlaps with other states
because the layer outline overlaps with the other layers. Therefore
I can not produce the ability to click or rollover neighboring
states. Basically I need to use some type of hotspot function or
tool to get rid of the default rectangle that revolves around the
state.
Please give me specific directions on how to change the layer
shape to conform more with the actual layer rather than a rectangle
surrounding the layer.
Please let me know if you have any questions,
Neil

Bookmark and download Flash from here, DO NOT trust any website telling you to install anything or follow their links.
Flash update
http://get.adobe.com/flashplayer/
Silverlight update
http://www.microsoft.com/silverlight/get-started/install/default.aspx
There is a FlashBack trojan making the rounds which tries to con people into installing it by looking like it's the real thing.
Make sure your Flash (and Silverlight) is current by running these checks
http://flashbuilder.eu/flash-player-version.html
https://www.mozilla.org/en-US/plugincheck/
You Mac likely will come across sites and content that won't play in Quicktime or in your web browser unless you install additonal codecs
You can get them here
Perian
http://perian.org/
VLC
http://www.videolan.org/vlc/download-macosx.html
Flip4Mac $29
http://www.telestream.net/flip4mac-wmv/overview.htm
How to install
When you click a link, a download of the installer file occurs to your Downloads Folder usually located next to your Trash Can or in your Users Folder.
Open the folder and double click (or File: Open) the download and icon can appear on your desktop which you open and inside is a installer package which you double click on to launch the installer.
OS X will check the download to make sure you intended to start it and that it's not malware it knows about.
Follow the installer instructions to install the software onto your computer and quit when finished.
Some require the browsers to be closed first, others require the machine to be restarted to enable the software.
Once the install is completed, remove any and all downloads from your Download folder, it's safer to keep this folder empty so you can keep track of what appears in there.
Drive by downloads of malware can occur and reside in the Downloads folder, mixing in with files residing there and await your click to install.

Some nagging CSS image rollover questions

Hi,
I'm using DW CS4 here. I finally got a Top Horizontal Inline CSS navigation to work with CSS image rollovers. Here's the site:
http://www.brightbeltmusic.com
And here are my questions:
-Why, when my original images are 90 px wide x 30 h, do I have to cut the width in the code to 84 px to make things line up?
-I can't seem to set the images by obvious pixel widths - any little thing throws the whole navigation onto the next line and so I have to set the 'Up' image as a repeating background, while shortening the actual image link itself. Is this right? It seems to "work" here but maybe barely.
-Padding seems to always be set in 'ems' - so how many pixels are in an 'EM' ? This is so I can figure out the width issues I always seem to have when I want horizontal rollover images...
-Margin for a # ul apparently effects the very end/outside of the list....Is there such a thing as margins for the individual # li ?
I guess I need a good pointing to a image rollover tutorial for Horizontal inline navigation.
Many Thanks for any help. It just seems like I play a guessing game on the pixel details when I'm trying to construct these types of mavigation.
Thanks, Frank B.

brightbelt wrote:
Hi,
I'm using DW CS4 here. I finally got a Top Horizontal Inline CSS navigation to work with CSS image rollovers. Here's the site:
http://www.brightbeltmusic.com
And here are my questions:
-Why, when my original images are 90 px wide x 30 h, do I have to cut the width in the code to 84 px to make things line up?
Probaby because you are not taking into account padding, borders and margins which add to the width of the container/s
brightbelt wrote:
-I can't seem to set the images by obvious pixel widths - any little thing throws the whole navigation onto the next line and so I have to set the 'Up' image as a repeating background, while shortening the actual image link itself. Is this right? It seems to "work" here but maybe barely.
Mathematicis is critical to the set up. As stated padding and borders, margins etc add to the overall width of a container. So if the containers are too wide to fit in a specific width they will be thrown to the next available space, usually to the next line.
Example: a container which is set at a specific width of 90px and has padding left and right of say 8px is really 106px wide. Therfore if you're trying to allocate space for 6 buttons where each is 90px wide and has 8px padding left/right you need to allocate a space 6 x 106px plus any borders.
brightbelt wrote:
-Padding seems to always be set in 'ems' - so how many pixels are in an 'EM' ? This is so I can figure out the width issues I always seem to have when I want horizontal rollover images...
Personally I would never recommend setting padding in ems. Certainly ems and px don't mix and match very well.
brightbelt wrote:
-Margin for a # ul apparently effects the very end/outside of the list....Is there such a thing as margins for the individual # li ?
li's do have default padding and margins set so these need to be zeroed out.
li {
margin: 0;
padding: 0;
As an experiment copy all the code below, open a new Dreamweaver document and paste it into code view, save it to your site folder with the name navigationTest.html. Run it through a browers and see what the results are like.
<!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>Untitled Document</title>
<style type="text/css">
#navcontainer {
width: 775px;
margin: 0 auto;
background-image: url(navUp.gif);
background-repeat: repeat-y;
overflow: hidden;
#navcontainer ul {
width: 547px;
padding: 0;
margin: 0 auto;
background-image: url(navUp.gif);
#navcontainer ul li {
width: 90px;
float: left;
margin: 0;
padding: 0;
list-style: none;
#navcontainer ul li a {
background-image: url(navUp.gif);
background-repeat:no-repeat;
color: #fff;
text-decoration: none;
font-weight:bold;
width: 90px;
display: block;
text-align: center;
float: left;
border-right: 1px solid #069;
padding: 5px 0;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
</style>
</head>
<body>
<div id="navcontainer">
    <ul>
    <li><a href="index.htm" style="border-left: 1px solid #069;">Home</a></li>
    <li><a href="Contact_Us.htm">Contact</a></li>
    <li><a href="Profiles.htm">Profiles</a></li>
    <li><a href="Catalogue.htm">Songs</a></li>
     <li><a href="BBL.htm">BBL Label</a></li>
    <li><a href="Jazz_links.htm">Links</a></li>
    </ul>
</div>
</body>
</html>

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

AS2 Clicktag and Rollover questions

I'm creating a banner ad for Yahoo.com and am running into a conflict with the Rollover replay and Clicktag. Both are buttons on separate layers with the ClickTag on top. If the Clicktag button is on, the rollover (replay) button is ignored.
I'm wondering what changes I need to make, but I need to keep the AS2 out of the Clicktag button. Also, if I rollover and out quickly, the animation replays, when it should stop. Thanks for any help. I've attached my .fla CS4 for analyzing.
Yahoo specs of note:
Animation can begin again on mouse over, but must stop immediately on mouse off.
When building flash creative, please note that the expression box must be checked and the URL should say clickTag.
If you would like to see the CS4 file, which may explain a lot more, please visit this link.
http://board.flashkit.com/board/showthread.php?p=4291469#post4291469
Thanks again!
Rollover/replay AS2 code
on (rollOver) {
this.play(2)
on (rollOut) {
this.gotoAndStop(33)
Clicktag
on (release) {
getURL(clickTag, "_blank");

Thanks for the quick response. So here is exactly what I did.
Removed the codes from both button objects.
Renamed both button objects (clickTag_btn and replay_btn).
Removed Var loop code from Actions layer frame 1
Added following code to Actions layer, frame 1.
clickTag_btn.onRelease=function(){
getURL(clickTag,"_blank");
replay_btn.onRollOver=function(){
this._parent.play(2);
replay_btn.onRollOut=function(){
this._parent.gotoAndStop(33);
I changed the second and third actions to replay_btn, rather than clickTag as you noted. Otherwise it wouldn't call for replay, and why rename it correct? In any case, the file doesn't click through or rotate with this code. The hand appears, when I hover over it, but no frame 1 actions are executed.
Layer 1 - Clickthrough button (no code)
Layer 2 - Rotate button (no code)
Layer 3 - Actions (see above for code)
What am I missing that is not allowing both buttons to be recognized by the actionscript? Thanks again!

Trifecta CSS rollover question

Hi Guys
I am currently using Flash buttons and would like to replace
them using trifecta CSS rollover effects. I have the buttons and
the over buttons in my images folder but the code I have only seems
to require the over button URL, how can i adapt this code to use
two images?
Code entered into CSS:
.cssnav
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 211px;
height: 44px;
margin: 0;
padding: 0;
.cssnav a
display: block;
color: #000000;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
float: left;
color: black;
text-decoration: none;
.cssnav img
width: 211px;
height: 44px;
border: 0
* html a:hover
visibility:visible
.cssnav a:hover img
visibility:hidden
.cssnav span
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
Text
Code entered into html:
<div class="cssnav">
<a href="
http://www.URL.com"><img
src="downbtn.jpg" alt="Alternative text" /><span>your
keyword</span></a>
</div>
downbtn.jpg

Your code is a bit strange/voluminous. Consider my comments
shown below.
.cssnav /* why a class and not an ID? */
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
/* why display:block on an element that is already a block
tag? */
width: 211px;
height: 44px;
margin: 0;
padding: 0;
.cssnav a
display: block;
color: #000000;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
/* why redundant styles? */
float: left;
color: black;
/* why redundant styles? */
text-decoration: none;
.cssnav img
width: 211px;
height: 44px;
border: 0
* html a:hover
visibility:visible
/* why this rule at all? */
.cssnav a:hover img
visibility:hidden
.cssnav span
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
/* why this style when it will be the default? */
/* try adding this rule */
.cssnav a:hover
background-image:url(overbtn.jpg);
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Mikes1471" <[email protected]> wrote in
message
news:[email protected]...
> Hi Guys
>
> I am currently using Flash buttons and would like to
replace them using
> trifecta CSS rollover effects. I have the buttons and
the over buttons in
> my
> images folder but the code I have only seems to require
the over button
> URL,
> how can i adapt this code to use two images?
>
> Code entered into CSS:
>
> .cssnav
> {
> position: relative;
> font-family: arial, helvetica, sans-serif;
> background: url(overbtn.jpg) no-repeat;
> white-space: nowrap;
> display: block;
> width: 211px;
> height: 44px;
> margin: 0;
> padding: 0;
> }
>
> .cssnav a
> {
> display: block;
> color: #000000;
> font-size: 11px;
> width: 211px;
> height: 44px;
> display: block;
> float: left;
> color: black;
> text-decoration: none;
> }
>
> .cssnav img
> {
> width: 211px;
> height: 44px;
> border: 0
> }
>
> * html a:hover
> {
> visibility:visible
> }
>
> .cssnav a:hover img
> {
> visibility:hidden
> }
>
> .cssnav span
> {
> position: absolute;
> left: 35px;
> top: 15px;
> margin: 0px;
> padding: 0px;
> cursor: pointer;
> }
>
>
Text
>
> Code entered into html:
>
> <div class="cssnav">
> <a href="
http://www.URL.com"><img
src="downbtn.jpg" alt="Alternative text"
> /><span>your keyword</span></a>
> </div>
>
>
>
downbtn.jpg
>

Link rollover question

I created a links page and I had set the links to show an
underline when you hover over them. However some links show the
underline and some don't. I want them all to show underline on
hover. Not sure how to fix it. I checked all the links manually and
they are all good. Thanks for help in advance.

Certainly it's possible. It's all explained here -
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"ancientone567" <[email protected]> wrote in
message
news:fqbr15$5db$[email protected]..
> Ok I figured out the problem but now have another
question. I had a:link
> a:active a:visted all the same color and when I changed
the colors the
> underlining came back. Heres the question. Is it
possible to make all
> links
> a:link a:active a:visted underlined or underline on
hoover but never
> change
> from one color if they visted, unvisted and/ or active
links? If so how do
> you
> do it becasue that is what I would like my page to do.
>

Simple rollover question

I have a page and I add a hotspot and a simple rollover behavior on mouse over to the hotspot, and on the 2nd state in the states panel I duplicate the first state and simply add a shape on the 2nd state. When I test the page, it does not show the shape on rollover. What am I doing wrong?
Thanks.

Are you using any instructional resource for this, or just freestyling? I'm not very familiar with rollover behaviors in Fireworks, but I suspect you may need to drag the Behavior handle of your hotspot to the target (a slice?). For more info, check out these Adobe resources:
http://help.adobe.com/en_US/fireworks/cs/using/WS4c25cfbb1410b0021e63e3d1152b00d35d-7fe6.h tml
http://help.adobe.com/en_US/fireworks/cs/using/WS4c25cfbb1410b0021e63e3d1152b00db4b-7fd3.h tml

CSS Rollover question

Hi,
I've created a menu using CSS that mkaes a nice rollover.
The thing is - I can't figure ot how to close the gap. I want each
button to but up to it's neighbor:
http://www.daveblaker.com/rapidtest
I'm thinking it's got something to do with the DIV property,
but for the life of me, I can't seem to fix it. I also tried some
other CSS using the UL tag with the same frutrating result. Any
help would be appreciated.
Here's the CSS (below it is the html):
#topNav {
font-family:arial,sans-serif;
font-weight:normal;
font-size:9px;
background:#FFFFFF;
margin: 0px;
padding: 0px;
.topNavLink a {
color:#fff;
text-decoration:none;
font-size:9px;
line-height: 19px;
display:block;
background:url(../images/nav.jpg);
height: 17px;
width: 133px;
text-align: center;
.topNavLink a:hover {
color:#3d140c;
text-decoration:none;
background:url(../images/navON.jpg);
line-height: 19px;
<table width="750" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td bgcolor="#BCBCBC"
class="header_left"> </td>
<td width="650" class="header"> </td>
</tr>
<tr>
<td><table border="0" cellpadding="0"
cellspacing="0">
<tr>
<td class="topNavLink"><a href="../home.htm"
target="_top">HOME</a></td>
</tr>
<tr>
<td class="topNavLink"><a href="../home.htm"
target="_top">HOME</a></td>
</tr>
<tr>
<td class="topNavLink"><a href="../home.htm"
target="_top">HOME</a></td>
</tr>
<tr>
<td class="topNavLink"><a href="../home.htm"
target="_top">HOME</a></td>
</tr>
<tr>
<td class="topNavLink"><a href="../home.htm"
target="_top">HOME</a></td>
</tr>
<tr>
<td class="topNavLink"><a href="../home.htm"
target="_top">HOME</a></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

The gap is caused by the margin-bottom: 6px; on your a:link
css.
a:link {
color: #2c3379;
text-decoration: none;
MARGIN-BOTTOM: 6px;
DaveB444 wrote:
> Hi,
> I've created a menu using CSS that mkaes a nice
rollover. The thing is - I
> can't figure ot how to close the gap. I want each button
to but up to it's
> neighbor:
http://www.daveblaker.com/rapidtest
>
> I'm thinking it's got something to do with the DIV
property, but for the life
> of me, I can't seem to fix it. I also tried some other
CSS using the UL tag
> with the same frutrating result. Any help would be
appreciated.
>
> Here's the CSS (below it is the html):
>
> #topNav {
> font-family:arial,sans-serif;
> font-weight:normal;
> font-size:9px;
> background:#FFFFFF;
> margin: 0px;
> padding: 0px;
> }
>
>
> .topNavLink a {
> color:#fff;
> text-decoration:none;
> font-size:9px;
> line-height: 19px;
> display:block;
> background:url(../images/nav.jpg);
> height: 17px;
> width: 133px;
> text-align: center;
>
> }
> .topNavLink a:hover {
> color:#3d140c;
> text-decoration:none;
> background:url(../images/navON.jpg);
> line-height: 19px;
>
>
>
>
> <table width="750" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td bgcolor="#BCBCBC"
class="header_left"> </td>
> <td width="650"
class="header"> </td>
> </tr>
> <tr>
> <td><table border="0" cellpadding="0"
cellspacing="0">
> <tr>
> <td class="topNavLink"><a href="../home.htm"
> target="_top">HOME</a></td>
> </tr>
> <tr>
> <td class="topNavLink"><a href="../home.htm"
> target="_top">HOME</a></td>
> </tr>
> <tr>
> <td class="topNavLink"><a href="../home.htm"
> target="_top">HOME</a></td>
> </tr>
> <tr>
> <td class="topNavLink"><a href="../home.htm"
> target="_top">HOME</a></td>
> </tr>
> <tr>
> <td class="topNavLink"><a href="../home.htm"
> target="_top">HOME</a></td>
> </tr>
> <tr>
> <td class="topNavLink"><a href="../home.htm"
> target="_top">HOME</a></td>
> </tr>
> </table></td>
> <td> </td>
> </tr>
> <tr>
> <td> </td>
> <td> </td>
> </tr>
> </table>
>

Tooltip rollover question

I'm trying to use tooltip to rollover an image and then have a text box of the same size appear upon rollover. When a user rolls off, the image reappears. Basically something akin to this:
http://dogsbollocks5.com/#solutions
I almost got there by trial and error but hoping someone can provide a tutorial or instructions.
Thanks,
Lyle

Hi Pziecina,
Thanks for the tutorials..great help.for some reason i cant seem to get this to work.any ideas.thanks again.
HTML Code:
<body>
<ol id="rollover">
<li><a href="#"><img border = "0" src="Images/Sent Message.jpg" width="77" height="71" alt="Sent" longdesc="Images/Sent Message.jpg" /><span>The Sent Message <strong>(M)</strong> is, the message that is being sent from one Source to another (A to B). The message has to go through a number of processes before the reciever can access it.</span></a></li>
</ol>
</body>
CSS Code:
#rollover li a {
text-decoration:none;
#rollover li a span {
visibility:visible;
display:block;
position:absolute;
left:233px;
top:120px;
color:#D31988;
background-color:#F4EEFE;
border: 2px solid silver;
padding: 5px;
#rollover li a:hover span, #rollover li a:active span, #rollover li a:focus span {
visibility:visible;
#rollover li a:hover, #rollover li a:focus{
text-decoration: none;
color:#D31988;
visibility:visible; }

Links and rollover question - not what you think

A little glitch in iWeb: I have a web page that is all white with black text. When I create a link with one of the words it turns white, but by page is white and the the linked word appears to be gone, only reapears when the mouse pointer hovers over it. Is there a way to change the colors of a link.
Magma

I have an article on my site outlining modifications you can make to the CSS file that iWeb generates, so that you can have whatever colours you want (Articles > Hyperlinks and CSS in iWeb)
The other option is to choose a different template, or have a different background of course!
Michael
iMac Intel Core Duo 2GHz www.rowan-cottage.co.uk
As there is advertising on my site, I am required under Apple Discussions Terms of Use to state that I may receive some form of compensation, financial or otherwise, from my recommendation or link

Rollover Question

I am having inconsistent results with my navigation. I have rollovers that are working on most of the pages, but for some reason, not on all. The code seems to be the same to me. Could anyone steer me in the right direction?
The rollovers in the navigation are working here: http://www.aquapup.com
However, the rollovers here don't work: http://www.aquapup.com/gallery.html
Thank you!

Opening your page in DW CS5, I am told that there is a syntax error on line 25, which is -
It appears that this is an extra closing brace. Delete it. It should make your rollovers work then.

Persistent Help Icon

Hi,
How would I display a persistent "question mark" icon next to any label that has contextual help? There is a rollover question mark but the users have requested one that is always displayed.
Thanks,
Matt

Hello,
In the Template of "Required with Help" and "Optional with help" you can change the "After Label" to:
</a><a class="t1RequiredwithHelp" href="javascript:popupFieldHelp('#CURRENT_ITEM_ID#','&SESSION.')" tabindex="999"><img src="#IMAGE_PREFIX#alert_info.gif" width="20px"></a></label>And you'll get a little image on which you can click.
(I don't like it, because it clutters your screen with the same images....).
Greetings,
Roel
http://roelhartman.blogspot.com/

Adobe Captivate 6 - Version 6.0.1.240

I have many courses buill in captivate, since the update to version 6.0.1.240 when i load into a course all of the text from the courses does not appear.
Now the strange thing is that when i click on the text/rollover/questions the text reappears, i tried to save the docuement after making the text appear and it goes again next time i load?
Has anyone had a similar experience?
Thank you

Anytime you update Captivate, even if it's just to install a bugfix or patch, you should always kill the Preferences folder.
Learn about how to do that in Item 8 on this page:
http://www.infosemantics.com.au/adobe-captivate-troubleshooting/basic-troubleshooting-tech niques

Flex4 LinkButton Rollover question ?

Similar Messages

Maybe you are looking for