Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    underlined link problem in firefox

    Hello,
    I have some links on my page, each link is a text + a flash object.
    I would like the link to work indipendently where the user clicks, on the text or on the video, and the text to become underlined on mouse over.

    Here the CSS

    Code:
    #content {text-decoration:none; color:#000000; outline: none;}
    #content a:link {text-decoration:none; color:#000000; outline: none;}
    #content a:active {text-decoration: underline; color:#000000; outline: none; }
    #content a:visited {text-decoration: underline; color:#000000; outline: none;}
    #content a:hover {text-decoration: underline; outline: none; color:#000000;}
    and here the HTML code
    Code:
    <a href="selected/video/" class="videos">
    <div class="description_title">TITLE<br />
    <span class="description_Utitle"> Video Clip, 2002</span></div>
    <div class="video">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="117" height="99" border="0">
    <param name="movie" value="selected/videos/video.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <embed src="selected/videos/video.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="117" height="99"></embed></object>
    </div></a>
    Everything works fine in Safari, but in Firefox if I click on the video the link doesn´t work and the text is not underlined on mouse over. In IE is underlined but the link on the video doesn´t work.

    Does somebody knows what I´m doing wrong?
    Any help is really apprciated...

    Thanks in advance.

  • #2
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    There is a link in my signature about embedding Flash, I recommend that you follow those instructions to help fix your video.

    You should run your code through the w3c validator, I think that would help. You really can't wrap all of that code in anchor tags, I do believe that is likely to be problematic.

    http://validator.w3.org/

    Also, welcome to the forums
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #3
    New Coder
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thank you for the links. I will check them right now.
    But everything works fine in safari ... Is there a trick to wrap a lot of code in anchor tags? I can´t split the link in two because I would like the underline to appear also when the mouse is over the video...

  • #4
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Well, since you are embedding Flash, once the mouse is rolled over the Flash object the HTML page will 'lose' track of the mouse. What might happen in Safari is that the HTML page stays in the :hover mode when you roll into the Flash, but not in other browsers.

    Perhaps a better idea would be to have the whole DIV have a border or underline instead and attach the :hover property to it? It won't work in IE6 without some hacking though.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #5
    New Coder
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hover underline is actually the style for the all page and not for those links only. But when I roll over the flash object firefox shows the link on the bottom bar of the browser, this means it sees the mouse is over - but when you click nothing happens ... even if you double click ...

  • #6
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Link please?
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #7
    New Coder
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I just got the underline working adding
    Code:
    display:block; cursor:pointer auto;
    but the links from the videos are still not working ...


    ... thanks
    Last edited by saltarella; 11-23-2008 at 11:36 PM.

  • #8
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Well, the page is running very slow, perhaps because of the large number of Flash instances. It took a while to load, during which much of the functionality of the page was not working. It actually crashed in FF for me.

    Is there any actioncode for the swfs? They should technically have buttons overlayed with links, which I think will make it work in IE.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #9
    New Coder
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I´ll try that. Thank you so much!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •