PDA

View Full Version : Trouble with adding my next rollover?



andosca
08-02-2012, 09:30 PM
I'm having a problem. I don't know why but the last rollover I added to my portfolio page won't show up on Firefox but does in Dreamweaver and IE. I checked the coding and everything seems like the others. So I'm confused to why it's not showing up.

Now should I post the code or page? As you can see I'm new here and don't want to past the page as in self-advertisement.

Here's the code anyways


<p><a href="images/lyric_typography.jpg" rel="lightbox[portfolio]" title="Typography project made completely in InDesign."><img src="images/thumbnails/lyr_bw.jpg" name="lyr_bw" width="150" height="150" vspace="5" border="0" id="lyr_bw" onmouseover="MM_swapImage('lyr_bw','','images/thumbnails/lyr_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/hang10menu.jpg" rel="lightbox[portfolio]" title="Front of a takeout menu I did. Created with Illustrator and Quark."><img src="images/thumbnails/hang_bw.jpg" name="hang_bw" width="150" height="150" hspace="5" vspace="5" border="0" id="hang_bw" onmouseover="MM_swapImage('hang_bw','','images/thumbnails/hang_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('chaba_front','','images/thumbnails/chaba_front_c.jpg',1)"></a><a href="images/menu22.jpg" rel="lightbox[portfolio]" title="A take-out menu for a thai restaurant. Used Illustrator and InDesign."><img src="images/thumbnails/chaba_bw.jpg" alt="chaba_bw" name="chaba_bw" width="150" height="150" vspace="5" border="0" id="chaba_bw" onmouseover="MM_swapImage('chaba_bw','','images/thumbnails/chaba_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/hangtag.gif" rel="lightbox[portfolio]" title="A hangtag design for a made up clothing company. Created all in Illustrator, yes I know it's big! Blown up to show details."><img src="images/thumbnails/fake_bw.jpg" name="fake_bw" width="150" height="150" hspace="5" vspace="5" border="0" id="fake_bw" onmouseover="MM_swapImage('fake_bw','','images/thumbnails/fake_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/informational_design_redo2.jpg" rel="lightbox[portfolio]" title="Created all in Illustrator. Informational design!"><img src="images/thumbnails/info_bw.jpg" name="info_bw" width="150" height="150" vspace="5" border="0" id="info_bw" onmouseover="MM_swapImage('info_bw','','images/thumbnails/info_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/lyrical_Concept.jpg" rel="lightbox[portfolio]" title="Created all in Illustrator, this was a project to work off song lyrics. Lyrics by Crime in Stereo."><img src="images/thumbnails/lyrical_bw.jpg" name="lyrical_bw" width="150" height="150" border="0" id="lyrical_bw" onmouseover="MM_swapImage('lyrical_bw','','images/thumbnails/lyrical_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/nybbposter.jpg" rel="lightbox[portfolio]" title="Created all in Photoshop. A simple poster design for the annual NYBB Pro Event."><img src="images/thumbnails/nybb_poster_bw.jpg" name="nybp_bw" width="150" height="150" hspace="5" border="0" id="nybp_bw" onmouseover="MM_swapImage('nybp_bw','','images/thumbnails/nybb_poster_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/nybblogo.jpg"rel="lightbox[portfolio]" title="Logo ideas for New York Bodyboarding."><img src="images/thumbnails/nybb_logo_bw.jpg" name="nybb_bw" width="150" height="150" border="0" id="nybb_bw" onmouseover="MM_swapImage('nybb_bw','','images/thumbnails/nybb_logo.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/CHOICE.jpg"rel="lightbox[portfolio]" title="Created in InDesign - Typography"><img src="images/thumbnails/choice_bw.jpg" name="choice_bw" width="150" height="150" hspace="5" border="0" id="choice_bw" onmouseover="MM_swapImage('choice_bw','','images/thumbnails/choice_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/spraypaint_new2.jpg" rel="lightbox[portfolio]" title="Created all in Photoshop! Just a spraypaint concept."><img src="images/thumbnails/spraypaint_bw.jpg" name="spray_bw" width="150" height="150" border="0" id="spray_bw" onmouseover="MM_swapImage('spray_bw','','images/thumbnails/spraypaint_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/studio54_2.jpg" rel="lightbox[portfolio]" title="Created all in Photoshop. Logo towards a club"><img src="images/thumbnails/studio_bw.jpg" name="studio_bw" width="150" height="150" vspace="5" border="0" id="studio_bw" onmouseover="MM_swapImage('studio_bw','','images/thumbnails/studio54_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/packagedesign.jpg" rel="lightbox[portfolio]" title="Created all in Illustrator. Package design for a men's cologne."><img src="images/thumbnails/package_bw.jpg" name="package_bw" width="150" height="150" hspace="5" border="0" id="package_bw" onmouseover="MM_swapImage('package_bw','','images/thumbnails/package_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/rdcorp_id.jpg" rel="lightbox[portfolio]" title="Red Dawn Corporate Identity. Letterhead, Envelope, Business Card. Created with Illustrator and InDesign."><img src="images/thumbnails/rdcorp_bw.jpg" name="rdcorp_bw" width="150" height="150" border="0" id="rdcorp_bw" onmouseover="MM_swapImage('rdcorp_bw','','images/thumbnails/rdcorp_c.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="images/RDLOGO.jpg" rel="lightbox[portfolio]" title="Created all in Photoshop. RD logo on fire." onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','images/thumbnails/rdpfire_c.jpg',1)"><img src="images/thumbnails/rdpfire_bw.jpg" name="Image20" width="150" height="150" hspace="5" border="0" id="Image20" /></a><a href="images/limitlessexamples.jpg" rel="lightbox[portfolio]" title="Created all in Photoshop. Logo ideas for Limitless Productions" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('lmtlss_bw','','images/thumbnails/lmtlss_bw.jpg',1)"><img src="images/thumbnails/lmtlss_c.jpg" name="lmtlss_bw" width="150" height="150" border="0" id="lmtlss_bw" /></a><a href="images/djdna.jpg" rel="lightbox[portfolio]" title="Created all in Photoshop. Facebook banner for my friend DJ DNA." onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('dnabw','','images/thumbnails/djdna_c.jpg',1)"><img src="images/thumbnails/djdna_bw.jpg" name="dnabw" width="150" height="150" vspace="5" border="0" id="dnabw" /></a><a href="images/menu2.jpg" rel="lightbox[portfolio]" title="Created all in Illustrator. This is the front of the thai menu." onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('chaba_front','','images/thumbnails/chaba_front_c.jpg',1)"><img src="images/thumbnails/chaba_front_bw.jpg" name="chaba_front" width="150" height="150" hspace="5" border="0" id="chaba_front" /></a><a href="images/andoscadesignfbbanner2.jpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('addesignbw','','images/thumbnails/adbanner_bw.jpg',1)"><img src="images/thumbnails/adbanner_c.jpg" name="addesignbw" width="150" height="150" border="0" id="addesignbw" /></a></p></div>

abduraooft
08-03-2012, 10:41 AM
As you can see I'm new here and don't want to past the page as in self-advertisement.
Nothing wrong in pasting a link to your page here, as it'll help us a lot to track the issue. Or you need to post the entire HTML++CSS

andosca
08-03-2012, 02:50 PM
www.andosca.zxq.net/portfolio.html ... Thanks!

andosca
08-07-2012, 05:01 PM
nobody has a suggestion? maybe I should just convert the rollovers to CSS styles??

abduraooft
08-08-2012, 05:20 AM
You must have the Ad block plus active on your Firefox! :)

Just disable it and you'll be able to see it well. The culprit is the name of that image file.

<img width="150" height="150" border="0" id="addesignbw" name="addesignbw" src="images/thumbnails/adbanner_c.jpg">
The Ad block plus assume that image is an ad by its name and thus it blocks.

andosca
08-15-2012, 05:46 PM
You must have the Ad block plus active on your Firefox! :)

Just disable it and you'll be able to see it well. The culprit is the name of that image file.

<img width="150" height="150" border="0" id="addesignbw" name="addesignbw" src="images/thumbnails/adbanner_c.jpg">
The Ad block plus assume that image is an ad by its name and thus it blocks.

WOW thank you so much, I totally forgot about this thread and didn't think anyone responded, but that totally makes sense! So thankful for the response! Good job.