Hover state to work in IE8

I cannot get the hover state to work on 
I have assigned a hover state to the paragraph tag.
It works fine in FireFox but I can not get the hover state to work in Internet Explorer 8.
The reason that I gave it a hover state is because it is linked in XML and I want it to look like a Hyperlink when you mouse over it.
Thanks,
Travis
CSS:
#Wrapper #Top #LeftColumn #LeftContent p {
 text-indent: 35px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #777;
 background-image: url(/images/LeftLinksGrayDot.gif);
 background-repeat: no-repeat;
 background-position: 20px 0.4em;
 height: 20px;
 text-align: left;
 display: block;
 float: none;
 margin: 0px;
 padding: 0px;
#Wrapper #Top #LeftColumn #LeftContent p:hover {
 color: #0000FF;
 background-image: url(/images/LeftLinksBlueDot.gif);
 background-repeat: no-repeat;
 background-position: 20px .4em;

AFAIK IE only Hovers on <a> tags.
jQuery to the rescue
http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

Hover State in iOS

I created a submenu that appears using the hover state. Works great with Windows Chrome & IE, and Android Chrome. It does not work on iOS for Chrome or Safari.
I even made a simple test with one div to make sure there too much going on in the code. It just does not respond on iOS.
I'm not sure if this is something that is already being addressed.

I'm not sure that a hover state is gonna work on a mobile touch browser the same way it works on desktop. Since you need to have a constant cursor on desktop, and it does not really work the same for touch devices.
But, we don't yet have things like click for buttons, since it would require javascript to execute the state or css change. Reflow only uses html and css at the moment.
We are continually looking into what users want to use Reflow for, and if this is of interest, please let us know!

How do I add a hover state to a smart shape button on the master slide? CP7

I want to use a button with a hover state on my master slide in CP7. I created a smart shape and checked the box 'use as button.' I then created 3 image files with the "x_up, x_down, x_over' extensions. When I select my smart shape and choose a custom pattern from the fill menu and select my 'x_up' image file, the smart shape does not recognize the hover state. Is there another way to achieve this?
Thanks!

Thanks I think I get it now after reading your post. Shape buttons can only shrink when they are pressed and nothing else. I was thinking a work round for me would be to use a regular button with the up, over, down state, put this regular button on the first slide and set the timing for 'display for rest of project.' However I don't see this option in the timing panel:
Is this option somewhere else?
Thx!

Active state not working in scrolling site (with anchor links)

I'm design a scrolling site with anchor links and an horizontal menu on the top.
when i publish the site and click on the menu buttons the site scrolling to the place of the anchor but the active state in the menu is not working.
now... when i leave the main page (were the scrolling site is) and then return back to it all active states are working perfectly
anyone have this bug? or any one know how to fix it ?

Hmmm...I've just been playing around, and I think I got the Active State to work correctly. I think my problem was not understand what Active State means.
To answer your question, I was changing the Font Color and Box Fill Color of the Active State.
I did not understand that Active State means the look of the Menu Item when the PAGE is active. I thought it meant the look of the Menu item when the cursor is scrolling down the Menu (i.e. when the MENU is Active, not the page).
Look at this page for an example of what I'm trying to achieve...
http://www.pgavdestinations.com
When you hover over the "Work" menu item, and move the cursor down the menu, the state of "Work" remains changed until you move the cursor off of that menu column. It does NOT return back to it's Normal state until you are off of that menu column.
Is there a way to achieve this with the menu states in Muse?
Thanks for the replies!
Dave.

Spry Vertical Menu Bar not working in IE8

I've upgraded to 1.6.1, but it still doesn't work in IE8 unless in compatibility mode. http://jimgreenrealty.com/Test.html
Works fine in other browsers and other Spry elements appear to work normally in IE8. Can anyone help?
Thanks,
Steve B.

If you deselect compatibility mode on IE8 the menu bar disappears (on
all our computers anyway). Works fine in all other versions of IE and
all other browsers. Updated to Spry 1.6.1 and still no avail.
Here it is w/o the emulating statement: http://jimgreenrealty.com/Test.html
The other pages on the site still have it.
Thanks for looking at it.
*/ <mailto:[email protected]>
<mailto:[email protected]>/*
Message was edited by: RRR Trail
Not sure how this forum works, I responded by email and it posts my email address. I don't seem to be able to edit to remove it. Please remove the email address. Thanks,

Hovering over links doesn't always show hover state?

After installing Firefox 7, I noticed something weird. I'm a front-end web developer, so I noticed this recently when creating custom tool-tips that appear on hover. I noticed that the hover tooltip wouldn't appear for certain links, and at first I thought I was doing something wrong on my end, but then I realized that this was happening on almost all websites.
Here's what's happening: on ''some'' links, not all, the hover state only gets activated on certain parts of the link. [http://i.imgur.com/P60He.png Here is a screenshot] -- it's from the Firefox help forum. Hover over the green portion activates the hover state (underlining the top link), but the red portion does nothing. Some of the links work throughout, but some don't. The same goes with Google search results.
I'm running OS X Lion.
I'm wondering if it's just me or a Firefox 7 bug, can someone help/confirm?

I am having this issue as well. I am also running OS/X Lion and when the issue crops up, it is not limited to Firefox, it extends across all browsers... I have tested on Opera, Firefox, Safari, and Chrome... it happens in all of them. I believe this to be a Lion specific issue, not just Firefox.

Active State not working in Horizontal Menu Bar

I have a Horizontal Menu Bar.
I've set the Top Level Item with Normal, Rollover, Mouse Down and Active States to be different.
All three work on the Top Level Item, EXCEPT for Active State. When the menu is Active, and I move the mouse down the items, the Top Level Item defualts to the Normal State, NOT the Active State.
I've tried trashing the Active State and rebuilding it. That did not work.
I can't figure out how to get the Top Level Item in the Menu Bar to display the Active State.
Hope someone has some suggestions, or knows if this is a bug.
Thanks.
Dave Coop.

Hmmm...I've just been playing around, and I think I got the Active State to work correctly. I think my problem was not understand what Active State means.
To answer your question, I was changing the Font Color and Box Fill Color of the Active State.
I did not understand that Active State means the look of the Menu Item when the PAGE is active. I thought it meant the look of the Menu item when the cursor is scrolling down the Menu (i.e. when the MENU is Active, not the page).
Look at this page for an example of what I'm trying to achieve...
http://www.pgavdestinations.com
When you hover over the "Work" menu item, and move the cursor down the menu, the state of "Work" remains changed until you move the cursor off of that menu column. It does NOT return back to it's Normal state until you are off of that menu column.
Is there a way to achieve this with the menu states in Muse?
Thanks for the replies!
Dave.

How to change hover state on spry menu dropdowns?

I've spent 4 hours making changes to the style sheet. I cannot figure out how to make the drop-down menu background change when you mouseover. The text color changes, but the background doesn't. I keep making changes to the stylesheet, and sometimes I see no difference.
Also... trying to change the font color on the main menu text. Style sheet LOOKS right, but doesn't display any change.
ALSO, my border is wider than the submenus. They are both set to 15ems. Maybe I don't understand ems??? I appreciate all your help out there! Sorry for not taking out all comments from code...
http://duenorthdesign.com/pcm/index2.html
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: 748px; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 8em; float: left; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 15em; position: absolute; left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 15em; font-size: 12px; background-color: #C2CA9A; color: rgba(0,0,0,1); } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { border: 1px solid #61270e; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; background: 61270e; padding: 0.5em 0.75em; color: ffffff; text-decoration: none; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { color: #61270e; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background: transparent; color: #61270e; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(../images/bkd_navtop.jpg); background-repeat: repeat-x; color: rgba(255,255,255,1); font-family: "Yanone Kaffeesatz", Verdana, Geneva, sans-serif; width: 149px; font-size: 23px; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }

The good news is, Spry components generate their own CSs files so you know where to start when customizing. From there you can either go into the CSS file itself, or use the CSS styles panel in Dreamweaver.
if you're looking within the CSS file, you first need to find the block the styles the particular element you want to change, and tweak the values. However, if any of the attributes are inheriting their states from a parent rule, then you need to add that attribute to override the parent setting. So that means making sure you're using the right attribute and getting the syntax right.
If you use the CSS panel, select all, find you way to the correct style sheet, expand it and find the rule you need to change. You can set these parameters in the area underneath, or just double click the rule in the upper tree and display the CSS rules dialog. This is my favorite as it displays exactly what is contained in the style sheet in visual form. You can change values easily and add new attributes knowing that it will write the correct syntax. This should make it very easy to add hover states for the background and text, dimensions for the submenus and borders. For sizes and borders, I prefer pixels, but you can also add borders per side of the containing box - it doesn't have to be the same border all the way around.

Happy Holidays. I have Adobe Actobat 7.0 Standard for quite a while, and I'm happy with it. I use it for mainly filings at the federal court. They require PDF. I use two computers in two different states for work. I realize my Adobe 7.1 is a few years

. I have Adobe Actobat 7.0 Standard for quite a while, and I'm happy with it. I use it for mainly filings at the federal court. They require PDF. I use two computers in two different states for work. I realize my Adobe 7.1 is a few years old, but sometimes I have difficulty using it with the other days downloading a boarding pass, and e filing at the USDC. . There's a problem with Adobe Flash, media, etc. and other Adobe programs, (which I use for downloading boarding passes for airlines, etc.) so basically I have to delete these other Adobe programs, besides the Adobe Acrobat 7.0 Standard if I want to 7.0 Standard to work. I periodically download the updates, but there's still a problem. My question is: Can or should I purchase another program to update the present Adobe Acrobat 7.0 standard, or just buy a new program such as the Adobe 11? Am I mistakenly doing something wrong, such as when I download? I'm an old valued customer so I don't want to spend a lot of money since I am replacing my Dell XP for a new computer now, and my other computer is a Dell Vista.
I'd appreciate your valued advice.

If you are getting a new computer (for a PC it would have Win 7 or 8), then you will need to purchase XI if you wish to continue using Acrobat. Acrobat 7 is not compatible with these systems (and probably the same for MAC systems), though sometimes workarounds are possible, though not easy to use. I guess the answer is to buy the new version. Try http://www.adobe.com/products/catalog/software._sl_id-contentfilter_sl_catalog_sl_software _sl_mostpopular.html, click on the Buy for Acrobat, and then select the version you want.

How do I enable Corel Clipbook in Firefox 26, it works in IE8 but not FF26?

I am trying to get the Corel/Woodperfect utility CLIPBOOK (Version 16.0.0.427) to work in FF26. The utility is like windows clipboard but handles multiple entries and functions with most windows programs. It permits cut and paste between programs like the clipboard. Shortcut keys are assigned for use with the CLIPBOOK program (e.g. ctrl + c, ctrl + x, ctrl + v) which can be customized for each application CLIPBOOK is applied to. To avoid conflicts with clipboard I used other combinations (alt + ctrl + c,alt + ctrl + x, alt +ctrl + v) via "settings" in CLIPBOOK and specifically applied them to FF26 which now lists in the CLIPBOOK settings dialog box as an application to which CLIPBOOK is applied. However, when the shortcut keys are executed in FF26 nothing happens yet the same shortcut keys work in IE8. What is the solution??

Thanks Prince3333. I have already seen this material and its associated thread. While OK for beginners, it does not address assigning Clipbook to an application which is done in the "Settings" of Clipbook. Even though FF26 is selected, entered, and subsequently displayed in Clipbook "settings" as an application to which Clipbook is presently applied, it does not work in FF26. IE allows Clipbook to work even without specifically applying Clipbook to IE and without it being listed in the applied to applications.

Case when statement not working

hi there, I am trying to work out how to get my case statement to work.
I have got the following code.
select pthproto.pthdbo.cnarole.tpkcnarole, pthproto.pthdbo.cnaidta.formataddr as formataddr, cnaidta.dateeffect as maxdate, isnull(cast (pthproto.pthdbo.cnaaddr.prefix1key as varchar (50)),'') + ' ' + isnull(cast (pthproto.pthdbo.cnaaddr.prefix2key
as varchar (50)),'')+ ' ' + isnull(cast (pthproto.pthdbo.cnaaddr.prefix3key as varchar (50)),'') + ' ' + isnull (cast (pthproto.pthdbo.cnaaddr.houseidkey as varchar (100)),'') + ' ' + isnull (cast (pthproto.pthdbo.cnaaddr.component1
as varchar (100)),'') + ' ' + isnull (cast (pthproto.pthdbo.cnaaddr.component2 as varchar (100)),'') + ' ' + isnull (cast (pthproto.pthdbo.cnaaddr.component3 as varchar (100)),'') + ' ' + isnull (cast (pthproto.pthdbo.cnaaddr.component4
as varchar (100)),'') + ' ' + isnull (cast (pthproto.pthdbo.cnaaddr.component5 as varchar (100)),'') as mailaddress, row_number() over(partition by pthproto.pthdbo.cnarole.tpkcnarole order by cnaidta.dateeffect desc) as rn into #address from pthproto.pthdbo.cnarole
inner join pthproto.pthdbo.cnaidty on cnarole.tfkcnaidty =cnaidty.tpkcnaidty inner join pthproto.pthdbo.cnaidta on cnaidty.tpkcnaidty = cnaidta.tfkcnaidty inner join pthproto.pthdbo.cnaaddr on cnaidta.tfkcnaaddr = cnaaddr.tpkcnaaddr order by cnaidta.dateeffect
select *, case when mailaddress is not null then mailaddress else formataddr end as test from #address where tpkcnarole = '18306695'
The case when statement is struggling with how i have created the column mailaddress. As it does seem to understand when it is null. In the example I have got there is no value in any of the columns to create
the mailaddress. Hence why I am referencing it from elsewhere. Due to having a way on the system where it picks up data from 2 different places. The mailaddress is always correct if there is one, hence why
trying to reference that one first. So how do i change this case when statement to work ?

It's ok I have fixed my own problem
when
(mailaddress
is
null
or mailaddress
=
then formataddr
else mailaddress
end
as test
case

ReCAPTCHA works in IE8 but not in Firefox - Graphics missing

reCAPTCHA works in IE8 but not in Firefox
All graphics, the challenge, option boxes, and logo do not appear.

Make sure that you do not block JavaScript.
Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
* Don't make any changes on the Safe mode start window.
See:
* [[Troubleshooting extensions and themes]]
See also:
* http://kb.mozillazine.org/Images_or_animations_do_not_load

OBI 11g Enterprise Manager (EM Website) does not work with IE8 (v8.0.6)

I am unable to login to the 11g EM website on Windows x64 2003 server. I get the below error:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; WOW64; Trident/4.0)
Timestamp: Wed, 6 Oct 2010 10:41:18 UTC
Message: Object doesn't support this property or method
Line: 4354
Char: 1
Code: 0
URI: http://YZU-1:7001/em/afr/partition/ie/default/opt/boot-11.1.1.3.0-0084.js
Any help is appreciated.
Thanks
B

Hi,
OBIEE 11g does not work with IE8.
Check this......What's wrong in OBIEE 11g
Regards,
Srikanth

CFGRID format=HTML not working in IE8

I'm using Cold Fusion 10 and trying a cfgrid and it does not work in IE8. It works perfectly in FF, of course. :-).
It IS within a Cfform in my .cfm file. Even when I take it down to it's simplest form to try to debug it doesn't work, but here is my original code:
<cfgrid name = "FirstGrid"
 height="200" width="700"
 font="arial" fontsize="12"
 query = "Getdates"
 SORT="Yes"
 selectmode="edit"
 format="html"
 >
 <CFGRIDCOLUMN NAME="anumber" DATAALIGN="LEFT"
 BOLD="No" ITALIC="No"
 SELECT="No" DISPLAY="No"
 HEADERBOLD="No" HEADERITALIC="No">
 <CFGRIDCOLUMN NAME="schoolyear" HEADER="School Year"
 HEADERALIGN="LEFT" DATAALIGN="LEFT"
 BOLD="Yes" ITALIC="No"
 SELECT="Yes" DISPLAY="Yes"
 HEADERBOLD="No" HEADERITALIC="Yes">
 <CFGRIDCOLUMN NAME="doh" HEADER="Date of Hire"
 HEADERALIGN="LEFT" DATAALIGN="LEFT"
 BOLD="No" ITALIC="No"
 SELECT="Yes" DISPLAY="Yes"
 HEADERBOLD="No" HEADERITALIC="No" type="date">
 <CFGRIDCOLUMN NAME="leavedate" HEADER="Leave Date"
 HEADERALIGN="LEFT" DATAALIGN="LEFT"
 FONT="Times" BOLD="No"
 ITALIC="No" SELECT="Yes"
 DISPLAY="Yes" HEADERBOLD="No"
 HEADERITALIC="No">
 <CFGRIDCOLUMN NAME="Returnfromleavedate" HEADER="Return From Leave Date"
 HEADERALIGN="LEFT" DATAALIGN="LEFT"
 BOLD="No" ITALIC="No"
 SELECT="Yes" DISPLAY="Yes"
 HEADERBOLD="No" HEADERITALIC="No">
 <CFGRIDCOLUMN NAME="terminatedresignedretireddate" HEADER="Terminated/Resigned/Retired"
 HEADERALIGN="LEFT" DATAALIGN="LEFT"
 BOLD="No" ITALIC="No"
 SELECT="Yes" DISPLAY="Yes"
 HEADERBOLD="No" HEADERITALIC="No">
 </cfgrid>
Thanks for any help!
B.

Sorry, I should have used the code tags. Let me ask that again.
I have HTML formatted data stored in VARCHAR2 columns on the database for which I am using a stylesheet to format into XSL-FO to resolve the HTML tags. For example, my data template populates a field PARAGRAPH_TEXT with content such as
some bold textand I am using
<xsl:apply-templates select="PARAGRAPH_TEXT"/>in my RTF template to process the data using the stylesheet to convert it to
<fo:inline font-weight="bold">some bold text</fo:inline>The HTML tags are corrrectly resolved when using the BI Publisher Word add-in and the output is correctly rendered in bold text but this does not happen when running on the server in an E-Business Suite environment due to the HTML tags in the output XML being generated as e.g. instead of . Has anybody experienced this and, more importantly, can anybody suggest a way of getting e.g. in the XML instead of

IWeb 09 links not working in IE8

Hi,
Can anyone please help me with this as its really doing my head in now! lol!
I have just built a 6 page website using iweb 09, all the links to external sites work great, and all the links to the other pages on my site also work great, on all platforms such as iPhone, iPod, Safari etc, but when i test it using IE 8 (using the develop menu in Safari) all my links work apart from all the links to my other pages. This only happens on only 2 of the 6 pages so i cant see whats wrong as the links have all been built the same way and work on Firefox and Safari etc.
thanks for your help!
Jay

Hi Koeklin
its only on my test site right now as its still in development, but the address is www.d2d.jaycreative.co.uk
i've found that all the links work in IE8 apart from the pages "about MND" and if you click the "click to enlarge" the page that pops up has issues with the links, but only the links to other pages on the site, the external links work perfect!
thanks!
Jay

Hover state to work in IE8

Similar Messages

Maybe you are looking for