Hello,
I have included the rel "shadowbox" tag into some html and it pops up a black shadowbox window on drupal once I export but the website doesn't show up for all but one. the html all looks the same but for some reason only one actually works the way its suppose to. please see the code below and see if I'm doing something wrong. Thank you for your assistance.
this one has four icons for the 4 major email sites which will open the email in a shadowbox. The very last link for www.mail.com works fine but the ones for gmail, yahoo, and hotmail all don't load in the shadowbox.
<table class="container-article" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<tbody>
<tr>
<td style="width: 25%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><a href="http://www.gmail.com" rel="shadowbox;height=600;width=800" title="Click to check your Gmail" target="_blank"><img width="32" height="32" alt="Click to check your Gmail" src="gmail-2-2.jpg" style="margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; " class=""></a></td>
<td style="width: 25%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><a href="https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=11&ct=1344221662&rver=6.1.6206.0&wp=MBI&wreply=http://mail.live.com/default.aspx&lc=1033&id=64855&mkt=en-us&cbcxt=mai&snsc=1" rel="shadowbox;height=600;width=800" title="Click to check your Hotmail or MSN email"><img width="29" height="29" alt="Click to check your Hotmail or MSN email" src="hotmail-2.jpg" style="margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;" class=""></a></td>
<td style="width: 25%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><a href="http://mail.yahoo.com" rel="shadowbox;height=600;width=800" title="Click to check your Yahoo email"><img width="33" height="33" alt="Click to check your Yahoo email" src="yahoo-2-2.jpg" style="margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;" class=""></a></td>
<td style="width: 25%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><a href="http://www.mail.com" rel="shadowbox;height=600;width=800" title="Click to check your mail.com email"><img width="34" height="34" alt="Click to check your mail.com email" src="maildotcom-2.jpg" style="margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;" class=""></a></td>
</tr>
</tbody>
</table>
The first one is a picture that is hyperlinked to my google calendar. When clicked it will open the calendar within a shadowbox in drupal.
<p><a href="https://www.google.com/calendar/embed?height=600&wkst=1&hl=en&bgcolor=#FFFFFF&src=scabattlerock@gmail.com&color=#182C57&ctz=Asia/Tokyo" rel="shadowbox;height=700;width=900" title="Click Here for the Stronghold Calendar of Events"><img width="144" height="107" alt="Battle Rock Calendar" src="medieval%20calendar-2.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; " class=""></a><br></p>
This last one has some of the major social media sites. once again when clicked within drupal I get a black shadowbox but none of the links load within. Any ideas as to what might be going on? The reason I'm doing this is I want my users to be able to check out our sites without a pop up or leaving the page.
<p><a href="http://www.youtube.com/user/FarWestSymposium/featured" rel="shadowbox;height=600;width=800" title="Follow our Far West A&S Symposium Youtube Channel"><img width="153" height="22" alt="Follow our Far West A&S Symposium Youtube Channel" src="farwest%20symposium.jpg" class=""></a> </p>
<table class="container-article" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; width: 100%;">
<tbody>
<tr>
<td style="width: 25%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><a href="https://www.facebook.com/groups/Battlerock/" rel="shadowbox;height=600;width=800" title="Follow us on Facebook"><img width="34" height="34" alt="Follow us on Facebook" src="Facebook-Buttons-59-68--2-2.png" style="margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; " class=""></a><br></td>
<td style="width: 25%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><a href="https://twitter.com/scabattlerock" rel="shadowbox;height=600;width=800" title="Follow us on Twitter"><img width="34" height="34" alt="Follow us on Twitter" src="Twitter-Buttons-70-10--2-2.png" style="margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; " class=""></a><br></td>
<td style="width: 25%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><a href="http://www.youtube.com/user/SCAFarWestVideos/" rel="shadowbox;height=600;width=800" title="Follow us on Youtube"><img width="34" height="34" alt="Follow us on Youtube" src="Youtube-Buttons-37-34--2-2.png" style="margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; " class=""></a><br></td>
<td style="width: 25%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><a href="http://www.addyourfeed.com/" rel="shadowbox;height=600;width=800" title="Click to create a feed"><img width="30" height="30" alt="Click to create a feed" src="rssfeed-2.png" style="margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;"></a><br></td>
</tr>
</tbody>
</table>
|