dreamweaver and firefox issues

vonkoba

04-28-2008, 01:36 PM

Hi guys,
I've seen some threads where people has had issues using onmouseover in firefox, so i'm sorry if i may be repeating one of those, but I cannot figure it out. I used Dreamweaver 8 to play a sound when the cursor moves to an image, and it works fine on IE7 but not in Firefox. Basically I just draw a rectangle and tell Dreamweaver to play the sound when the mouse is over that rectangle. This is the code

<area shape="rect" coords="109,7,265,106" href="#" onMouseOver="MM_controlSound('play','document.CS1209139293671','tv.mp3')">
</map>
<EMBED NAME='CS1209139293671' SRC='tv.mp3' LOOP=false
AUTOSTART=false MASTERSOUND HIDDEN=true WIDTH=0 HEIGHT=0></EMBED>
</body>
</html>

A second problem I have deals with the Rollover image. I also do this in Dreamweaver (I create a layer, and over that layer put the images to be swapped). When I open this on IE7 it looks the same way it looks on Dreamweaver, and it works fine, but when I do it in Firefox the images are not in place, they just fall somewhere else in the picture :mad: I mean, the images do swap in firefox (they change from one to the other when the mouse is over them as they are supposed to) but the images themselves are not where I want them to be, they are off by an inch or two :(
Any help would be appreciated! Thanks guys
Oh, and here's the code for when I try to do that:

<body bgcolor="#000000" onLoad="MM_preloadImages('tv cropped.jpg')">
<embed hidden=true loop=true src="transistor.mp3"
type="video/quicktime">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','tv cropped.jpg',1)"></a><img src="subte%20byn.jpg" width="1000" height="600" align="middle" id="Image1">
<div id="Layer1"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','tv cropped.jpg',1)"><img src="tv cropped black.jpg" name="Image3" width="166" height="101" border="0" onMouseOver="MM_controlSound('play','document.CS1209385111640','tv.mp3')"></a></div>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','tv cropped.jpg',1)"></a>
<EMBED NAME='CS1209385111640' SRC='tv.mp3' LOOP=false
AUTOSTART=false MASTERSOUND HIDDEN=true WIDTH=0 HEIGHT=0></EMBED>
</body>
</html>

gnomeontherun

04-28-2008, 08:36 PM

This generated code is a little bit poor. I think part of the issue is that IE supports this and FF may not. IE is connected to Windows Media Player, and FF doesn't have that connection (unless you have an addon). I honestly don't like the idea of sound playing on webpages unless I (playing the part of a web surfer) choose to have it play.

As for your second issue, the issues come with the lack of CSS. Your code is crazy, and I don't know what the functions being called are, so my suggestion is to use CSS Rollovers which don't require JS.
http://www.designmeme.com/articles/learn-web-design-css-rollovers/

Lastly lowercase code is symantic. Using Dreamweaver is fine, but it doesn't produce perfect code. So anytime you can avoid having it write the code for you, that is best!

Oh and don't use spaces in filenames.

mjlorbet

04-28-2008, 10:58 PM

all that plus quotes around attribute values in tags (i know this is dreamweaver generated but they really should be there) validation reasons, among others

vonkoba

04-28-2008, 11:38 PM

Thanks for your helps guys. I'm not a fan of pages with sound either, but this one was supposed to be kind of "arty", so the idea was to have the images and the sound at once.
So is there a better program (for noobs, of course) you guys can recommend besides dreamweaver to do this?
Thanks again for your help, and thanks for the link to the tutorial, it does look pretty helpful!

mjlorbet

04-28-2008, 11:46 PM

check out visual web developer, i believe there is a free verison on the microsoft website, it'll help do the validation and that whole bit as you're writing the code. not perfect but it's a little more productive than a tool that always produces code that doesn't validate without modification. :)

gnomeontherun

04-28-2008, 11:48 PM

I prefer to code by hand. I love to use Dreamweaver to help me manage my files, but I write most of the code myself. When you use produced code from any program, you have to make sure it is writing the code correctly. I prefer to just do it myself so I don't have to hunt down the program's mistakes.

vonkoba

04-28-2008, 11:51 PM

Holy mother! That was a fast answer! You should be working in the Government!
Thanks, honestly

mjlorbet

04-28-2008, 11:55 PM

we're good for that ;)

gnomeontherun

04-29-2008, 01:01 AM

Sometimes I watch these forums like the FBI watches you....;)