Trouble with Lightbox widget in Muse CC

I drag the lightbox image onto my page. When I insert an image into the thumbnail, no full size image appears in the lightbox, and there isn't one of the flowery stock images to replace, either. I thought maybe the newest update got rid of the large preview image, but when I go into preview mode, no large image shows up.
Then, thinking maybe it's just been too long since I last added a composition widget and perhaps I've forgotten how to use it, I dropped the image into the full-size image frame, but no thumbnail populates.
Very confused. Has anyone else had this problem? Any ideas?

You might wanna try the Edge Animate forums and see how to set a fallback.

Similar Messages

Edge Animation having troubles with iOS devices within Muse Site

Hi All! I've been creating a mobile version of my website www.rinkdesigns.com and have it all complete. I created an animation/navigation bar within Adobe Edge Animate and imported it into Muse. It functions AMAZINGLY on my Nexus 4 (Android) in Chrome but on a buddies iPhone 5 Chrome only loads about 3/4 of the animation/nav bar, in Safari the animation does not load at all and half of the page background does not load either. Please check out the preview site here http://rinkdesignsmobile.businesscatalyst.com/phone
Has anyone else been having animation/mobile troubles with iOS devices? Any hints as to how you fixed your errors would be extremely helpful! I also posted this question in the Muse forum and haven't gotten a response...
Thanks,
John

Or, how about this:
Does anyone know how to have Edge Animate objects that utilize "_top" in an open url trigger make the Muse site that they are a part of open a new window/tab with that action (as opposed to having it open the url in the current page, or using "_blank" in the trigger)?

Seriously Need Help With Lightbox Widget In Dreamweaver

Hi guys, I seriously need your help with this widget.
I'm not exactly new to Dreamweaver and I've been working on a particular website. Everything was going well until I dropped the Lightbox widget into the page.
Lightbox gallery displays, but opens images in a new window on its own. Here's an example;
http://imagesbylady.co.nz/photomike/HTML/promogallery.html
Yet, when I drop the widget into a completely separate page from the website, it works absolutely fine. Like here;
http://imagesbylady.co.nz/photomike/HTML/testing.html
I have exhausted this entire forum on the subject. I don't understand how the widget can work on a blank html page but when dropped into an already designed webpage, it breaks....!
If you need to have a look at the coding so you can help me further let me know. I've been on this for a total of 11 hours and I still can't figure out what the problem is. Seriously....i'm nearly close to tears! ;-(
If you could help me out I would be forever grateful.
Lots of Love
Lady xx

Hi guys, I seriously need your help with this widget.
I'm not exactly new to Dreamweaver and I've been working on a particular website. Everything was going well until I dropped the Lightbox widget into the page.
Lightbox gallery displays, but opens images in a new window on its own. Here's an example;
http://imagesbylady.co.nz/photomike/HTML/promogallery.html
Yet, when I drop the widget into a completely separate page from the website, it works absolutely fine. Like here;
http://imagesbylady.co.nz/photomike/HTML/testing.html
I have exhausted this entire forum on the subject. I don't understand how the widget can work on a blank html page but when dropped into an already designed webpage, it breaks....!
If you need to have a look at the coding so you can help me further let me know. I've been on this for a total of 11 hours and I still can't figure out what the problem is. Seriously....i'm nearly close to tears! ;-(
If you could help me out I would be forever grateful.
Lots of Love
Lady xx

Need a "reel" Lightbox widget for Muse that can handle different pictures:

the trigger: a small thumbnail picture (1:1) and the "real" picture: bigger (sure) and from different size/shape for example 2 : 3.
Where can I get this widget?
I testet different widgets f.e. from musegrid - but they cannot handle two different picture, like the "classic" Lightbox from lokesh/lightbox2 · GitHub...
Thanks a Lot for your help!
Bernhard

You can get close to this effect using the built-in slideshow widget.
Set the options for Full Screen and Lightbox.
Temporarily make the thumbnails large and square.
Select all the thumbnails and select Object > Fitting > Fit Content Proportionally.
Limitations with this approach include:
You can't stroke or round the corners of the thumbnails (assuming they have mixed aspect ratio) since the stroke or rounding will appear on the square frame the thumbnail is fit within, rather than on the image itself.
You can't crop the thumbnail differently than the hero image. Again because the frame is large and square and the image is fit within (in order to enable thumbnails with different aspect ratios).
I'm not aware of any third party Muse widgets that would get any closer to the exact effect you're looking to achieve.

How can I use my custom thumbnails with lightbox widget?

I have been trying to find the answer to this for a couple of days. I did see one thread about this, but it didn't really answer the question. I don't want my thumbnail images to be miniature versions of my hero image. I have created custom thumbnails to use instead. Is there a way to do this?

I cannot begin to express my level of frustration. I have been trying to use the composition widget light box display for some time now. I drag the widget to my document. The default widget has three small trigger boxes and a large area made up of a forward and backward button, a background, a text box and a frame for your image.
My steps have been …
I click on the little trigger box.
I click on the frame that holds the main image.
I go to the fill menu and browse my computer for my image and then click OK.
IT shows up on my screen. Yay
I attempt to continue using the next two trigger boxes provided in the widget.
After that, I add more by clicking on the little plus sign.
This is where all heck breaks loose.
Every single time I attempt to add thumbnails, something messes up. When I go to preview, either not all of my main images show up, or it starts with the wrong one, or some are missing. I have looked and looked for help on this and the only thing I can find is how easy it is to create a great portfolio lightbox display. But as we know, that only works when your thumbnails are the same image as the images in your lightbox. If you want something different, you have to use the composition wizard. I am finding it extremely difficult and confusing to customize.
Is there an exact sequence you need to use to add images to the slideshow? I am my wits end.

Trouble with Lightbox Composition and triggers

I find working with the lightbox composition and triggers utterly infuriating!
I am trying to build a page with multiple lightbox compositions on it and I want each lightbox (and each slide within) to be identical - i.e. all to be the same size image frame, the same size text frame and styles etc. I have set up one with 6 slides and can copy and paste this down the page, but I am trying to add more triggers (and images) on some lightboxes and this is where I have difficulty. When I click the 'add trigger' button it adds another trigger but doesn't add the image frame or text frame. I then try to copy and paste the image and text frames onto the space but instead of this working as expected it simply adds the image on top of all the other images (and my previous and next buttons). If I try to 'send backwards' it puts the image frame behind the main container.
Is there a way to add a trigger so that it basically duplicates the previous slide into the next, where I could then simply change the image and text?
I also want all but the first of the triggers to be invisible. Is there a view mode that shows frame edges (as you can in InDesign) so I can see where the other triggers are? Currently I make all the triggers a solid colour until just before I publish the site when I make them all invisible. However once published if I need to edit the site I can't go back in a quickly select all the triggers, I have to stab around blindly until I happen to select them. It would be great if there was a way to view the frame edges - this would also make it handy when moving items so you don't overlap them inadvertantly, or would show me if I have an empty frame sitting somewhere.

As of now every new trigger you add you get a blank target frame without any of the contents from the previous slide. You may submit this as an idea to either allow to add new frames based on a defined template or allow an existing frame to be duplicated.
For now, you can copy all the objects in an existing frame and copy them. Then select the target frame and do an Edit > Paste in place. This would paste the content on top of the widget (not part of the target frame yet). Now with the content still selected click on one of the objects with mouse and nudge the selected objects a little bit (a pixel or two) - this would add them to the target slide. Then you can again select them and nudge them back in place as required.
For selecting transparent triggers, you can select the one visible trigger and then right-click/ctrl+click and choose "Select Same (Trigger)". This would select all the triggers in the widget and allow you to set fill or stroke to them all at once.
Cheers,
Vikas

Problem with Alt Text output from thumbnail image of Lightbox widget

I’m having a problem with the Lightbox widget not producing alternative text based on the image properties. I’ve set ALT text for the image properties on both the larger Ligtbox image as well as the thumbnail. But the HTML output from Muse does not include the ALT text on the thumbnail version of the image. Here’s an example:
    <div class="popup_anchor">
       <div class="Thumb popup_element clearfix" id="u4409">
        <a class="anchor_item grpelem" id="untitled"></a>
        <div class="grpelem" id="u4433">
         <img id="u4433_img" src="/images/n0060292x292.jpg" alt="" width="292" height="292" />
This may be a problem that came in a previous release of Muse. I have a few older examples where ALT text is produced, but it’s no longer updated if I update the Image Properties.

I'm seeing the same problem. Looks like a bug to me. Any ideas as to how we can get this on Adobe's bug fix list?

Issues with Video Lightbox Gallery from Muse Exchange...

I've been trying to customize the Video Lightbox Gallery from the exchange, Video Gallery Lightbox | Exchange | Adobe Muse CC
I'm using embed codes from Vimeo. My first issue was that when I replace the placeholder embed code with my Vimeo code, the frame size is considerably smaller. From Vimeo it is 500x281 and in the widget it is 700x396. So I changed the frame size in my Vimeo embed and that seemed to work. Now, though, when a preview the page it plays fine in the window, but when I enter full screen and then escape from that while the video is playing to go back the smaller window, it jumps up so far up the screen it is off the page... It doesn't happen with the placeholder video and the only difference I can see is that it's from YouTube and mine is from Vimeo. I haven't change any of the settings except for the embed code. Can anyone help me with this?

I wanted to add that I am using on one page design and I have multiple video galleries further down the page. What I've noticed is that no matter which thumbnail I play and enter into full screen, when I hit escape, that window jumps all the way to the top instead of staying locked to where is originated. Again, it doesn't do it with the placeholder video, only when I replace it with my embed codes from Vimeo. This is very frustrating because I am so close to finishing and this issue is holding me up. I've searched and searched and cannot find the answer... is there anyone who can help, please?

Muse lightbox widget

I want to use the lightbox widget with an initial picture and then I want to have other pictures that are stacked and triggered to display when the mouse hovers over the thumbnail trigger. When the mouse is not over one of the triggers i want the initial picture to display.
Additionally, can you have a flyout menu as part of the trigger that will serve as links to other pages. Lastly, I have been able to resize the target that hols the puctures, but the black frame that surrounds it will not resize. I want the taget to be 800 x 250 with the outer border slightly larger in order to give the appearance of a frame.
Joe Parker

Please try to pin them and then verify if still it shows the same behavior.
Thanks,
Sanjit

Problem with Vertical Menu Widget in Muse

Using the vertical menu widget in Muse, I want to make the submenu pop up under the parent item. The default action is to pop up to the right. How do I override this?

Thanks for posting this question - I too had this question, and I think I found a way to do this. Try using the "Padding" feature located on the Spacing panel. Looks like you can use this tool to move the location of the sub-menu group, Just make sure you have the sub-menu's selected first. Seems to have worked for what I was wanting to do. Hope this helps!
I will be posting a "new feature" request involving the menu widget, later on today. Check back later and vote in favor.

Problem inserting ANY content into Lightbox Widget

I'm trying out Muse. So far, generally impressed EXCEPT for Lightbox widget.
I'm following the Adobe Muse Training - Building your first website in order to see how the program works.
So far, I have spent over 3 hours trying to insert video into the widget and am about to give up.
With Widget inserted and trigger defined, I click the widget, "Widget" appears in the Selection Indicator. I click again, "Container" appears. I click again "Container" appears again and inner container shows blue selection lines.
Now, whether I go to Object > Paste HTML or just right click and paste inside the selected container, the result is the same - the video is pasted on the page itself, NOT in the container.
I have read, re-read, re-did, started from scratch, restarted my computer and I'm going crazy. There should be no reason why it does not work.
It should be like selecting a div tag in Dreamweaver to select the entire tag or element and place inside.
Any ideas? Help!
M
As an additional oddity, I WAS ultimately able to insert the video file into the lightbox, but only after the video appeared (maddeningly) on the page. Then I dragged the video image into the inner container. THEN it worked. But why I have no idea.
Lightbox widget needs some SERIOUS fixing.

Content can either be created inside the lightbox widget container or it can be added to it.
When creating new content like a rectangle or textframe, it should begin somewhere within the boundaries of the container.
When adding/placing content it can either be dragged into the container or pasted into it. When pasting, make sure that the correct container is selected.
Content added using "Insert HTML" is added to the page first. You can then either drag it into the container or cut it, select container and paste it there.
You can submit a feature request at http://forums.adobe.com/community/muse/ideas for the "Insert HTML" content to be added directly to container - when the container is selected at the time of pasting/adding HTML content.
Thanks,
Vikas

Trouble with accordion panel

I'm trying to put an accordion panel in a page of the website i'm creating but i've a weird problem.
First of all, this is the link of the page
http://wwwipiniriolotermeit01.businesscatalyst.com/menù.html
As you can see, when i choose one of the option of the panel, the background begin to shake.
Of course i've tried with other panels, included muse's widget but the results is the same.
Can someone help me to resolve this issue?
Thanks in advance.

Thank you very much again.
Last time i've uncheck only the element of the master page's footer not the
entire "menu" page from the menù.
Now, as you say, the jittering is disappear.
Regards
Luca
2014-03-07 16:18 GMT+01:00 Aishvarya Raj Rastogi <[email protected]>:
Re: Trouble with accordion panel created by Aishvarya Raj Rastogi<http://forums.adobe.com/people/aishvarya+rastogi>in *Help
with using Adobe Muse CC* - View the full discussion<http://forums.adobe.com/message/6188378#6188378

I am trying to add lightbox widget to my site but its not working NEED HELP

i can create the light box widget as a new page but when i paste the codes into the actual site it will not work and the images will not enlarge
what or where did i go wrong. This is all the codes for the site including the lightbox widget. i can use all the help i can get even if some one or anyone
can show me the corrections i need to fix that would be great i am using dreamweaver cs6 incase you need to know...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>MachoMan Madness</title>
<map name="11_1x1">
<area shape="rect" coords="474,138,578,150" href="http://macho-madness.net" alt="">
<area shape="rect" coords="606,136,712,150" href="mailto:[email protected]" alt="">
<area shape="rect" coords="737,136,835,152" href="http://daxstudios.net" alt="">
</map>
<style type="text/css">

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Lightbox Gallery : grey</title>
<script type='text/javascript' src='scripts/jquery.js'></script>
<script type='text/javascript' src='scripts/lightbox.js'></script>
<link type='text/css' href='css/lightbox.css' rel='stylesheet'/>
<link type='text/css' href='css/sample_lightbox_layout.css' rel='stylesheet'/>
<style type="text/css">
.lbGallery {
                              /*gallery container settings*/
                              background-color: #666666;
                              padding-left: 20px;
                              padding-top: 20px;
                              padding-right: 20px;
                              padding-bottom: 20px;
                              width: 540px;
                              height: auto;
                              text-align:left;
                              box-shadow: 10px 10px 10px black;
                              border-radius: 20px;
                              margin-left:auto;
                              margin-right:auto;
                    .lbGallery ul { list-style: none; margin:0;padding:0; }
                    .lbGallery ul li { display: inline;margin:0;padding:0; }
                    .lbGallery ul li a{text-decoration:none;}
                    .lbGallery ul li a img {
                              /*border color, width and margin for the images*/
                              border-color: #ffffff;
                              border-left-width: 10px;
                              border-top-width: 10px;
                              border-right-width: 10px;
                              border-bottom-width: 20px;
                              margin-left:5px;
                              margin-right:5px;
                              margin-top:5px;
                              margin-bottom:5px:
                    .lbGallery ul li a:hover img {
                              /*background color on hover*/
                              border-color: #cccccc;
                              border-left-width: 10px;
                              border-top-width: 10px;
                              border-right-width: 10px;
                              border-bottom-width: 20px;
                    #lightbox-container-image-box {
                              border-top: 2px solid #ffffff;
                              border-right: 2px solid #ffffff;
                              border-bottom: 2px solid #ffffff;
                              border-left: 2px solid #ffffff;
                    #lightbox-container-image-data-box {
                              border-top: 0px;
                              border-right: 2px solid #ffffff;
                              border-bottom: 2px solid #ffffff;
                              border-left: 2px solid #ffffff;
</style>
</head>
<body class="index">

<table border="0" cellpadding="0" cellspacing="0" width="909" align="center">
<tr>
<td rowspan="1" colspan="3" width="909" height="166">
          <img name="a10" src="11_1x1.jpg" usemap="#11_1x1" width="909" height="166" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="1" width="54" height="320">
          <img name="a11" src="11_2x1.jpg" width="54" height="320" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="796" height="320" background="11_2x2.jpg">
          <link rel="stylesheet" type="text/css" href="slides/style.css" />
          <style type="text/css">a#vlb{display:none}</style>
          <script type="text/javascript" src="slides/jquery.js"></script>
          <script type="text/javascript" src="slides/slider.js"></script>
          <div id="wowslider-container1">
          <div class="ws_images">
<span><img src="slides/9.jpg" alt="" title="" id="wows0"/></span>
<span><img src="slides/2.jpg" alt="" title="" id="wows1"/></span>
<span><img src="slides/3.jpg" alt="" title="" id="wows2"/></span>
<span><img src="slides/4.jpg" alt="" title="" id="wows3"/></span>
<span><img src="slides/5.jpg" alt="" title="" id="wows4"/></span>
<span><img src="slides/6.jpg" alt="" title="" id="wows5"/></span>
<span><img src="slides/7.jpg" alt="" title="" id="wows6"/></span>
<span><img src="slides/8.jpg" alt="" title="" id="wows7"/></span>
<span><img src="slides/1.jpg" alt="" title="" id="wows8"/></span>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="">1</a>
<a href="#wows1" title="">2</a>
<a href="#wows2" title="">3</a>
<a href="#wows3" title="">4</a>
<a href="#wows4" title="">5</a>
<a href="#wows5" title="">6</a>
<a href="#wows6" title="">7</a>
<a href="#wows7" title="">8</a>
<a href="#wows8" title="">9</a>
</div></div></div></div>
          <script type="text/javascript" src="slides/script.js"></script></td>
<td rowspan="1" colspan="1" width="59" height="320">
          <img name="a13" src="11_2x3.jpg" width="59" height="320" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="3" width="909" height="63">
          <img name="a14" src="11_3x1.jpg" width="909" height="63" border="0" alt="" /></td>
</tr>
</table>

<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
   <td class="mainlink">
<center>

<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"></script>
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a target=main href="index.html">Home</a></li>
<li><a target=main href="#" rel="ddsubmenu2">Biography</a></li>
<li><a target=main href="#" rel="ddsubmenu3">To Be Lead</a></li>
<li><a target=main href="#" rel="ddsubmenu4">Gallery</a></li>
<li><a target=main href="#">Videos</a></li>
<li><a target=main href="#">Memorial Page</a></li>
<li><a target=main href="#">Wallpaper</a></li>
<li><a target=main href="#">Shop</a></li>
<li><a target=main href="#">Blog</a></li>
<li><a target=main href="#">Join Us</a></li>
<li><a target=main href="#">Contact</a></li>
</ul>
</div>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a target=main href="randy savage bio.html">Randy Savage Bio</a></li>
<li><a target=main href="Randy facts 101.html">Randy's Facts 101</a></li>
<li><a target=main href="his early career.html">His Early Career</a></li>
<li><a target=main href="Randys career in wwf.html">Randy's Career in the WWF</a></li>
<li><a target=main href="randys career wcw.html">Randy's Career in WCW</a></li>
<li><a target=main href="#">The Mega Powers </a>
<ul>
<li><a target=main href="mega powers bio.html">Mega powers Bio</a></li>
<li><a target=main href="mega powers facts 101.html">Mega Powers Facts 101</a></li>
</ul>
</li>
<li><a target=main href="pm from randy.html">PM to fans & Elizabeth</a></li>
<li><a target=main href="#">Randy's Radio interview</a></li>
<li><a target=main href="#">His Death</a></li>
</ul>

<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a target=main href="#">Elizabeth Hulette</a>
<ul>
<li><a target=main href="#">Elizabeth Bio</a></li>
<li><a target=main href="#">Elizabeth Facts 101</a></li>
<li><a target=main href="#">Her Career in the WWF</a></li>
<li><a target=main href="#">Her Career in WCW</a></li>
<li><a target=main href="#">Later Life</a></li>
<li><a target=main href="#">Farewell to a Princess</a></li>
<li><a target=main href="#">Elizabeth's Radio Interview</a></li>
<li><a target=main href="#">Elizabeth Death</a></li>
</ul>
</li>
<li><a target=main href="#">Sherri Martel</a></li>
<li><a target=main href="#">Gorgeous George</a></li>
<li><a target=main href="#">Team Madness</a></li>
</ul>

<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a target=main href="#">Early Years</a></li>
<li><a target=main href="#">ICW Gallery</a></li>
<li><a target=main href="#">WWF Gallery</a></li>
<li><a target=main href="#">WCW Gallery</a></li>
<li><a target=main href="#">NWO Gallery</a></li>
</ul>

</center>
</td>
</tr>
</table>
<br><Br>
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
    <td>
    
    <h1>Early Years Gallery</h1>
<div id="gallery" class="lbGallery">
                              <ul>
                                        <li>
                                                  <a href="images/images (11).jpg" title=""><img src="images/images (11)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (16).jpg" title=""><img src="images/images (16)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (17).jpg" title=""><img src="images/images (17)_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (18).jpg" title=""><img src="images/images (18)_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (19).jpg" title=""><img src="images/images (19)_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                <li>
                                                  <a href="images/images (20).jpg" title=""><img src="images/images (20)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (22).jpg" title=""><img src="images/images (22)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (23).jpg" title=""><img src="images/images (23)_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (25).jpg" title=""><img src="images/images (25)_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (27).jpg" title=""><img src="images/images (27)_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                <li>
                                                  <a href="images/images (29).jpg" title=""><img src="images/images (29)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (30).jpg" title=""><img src="images/images (30)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (31).jpg" title=""><img src="images/images (31)_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images (32).jpg" title=""><img src="images/images (32)_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images.jpg" title=""><img src="images/images_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                <li>
</ul>
            </div>
<script type="text/javascript">
$(function(){
                              $('#gallery a').lightBox({
                                        imageLoading:                              'images/lightbox/lightbox-ico-loading.gif',                    // (string) Path and the name of the loading icon
                                        imageBtnPrev:                              'images/lightbox/lightbox-btn-prev.gif',                              // (string) Path and the name of the prev button image
                                        imageBtnNext:                              'images/lightbox/lightbox-btn-next.gif',                              // (string) Path and the name of the next button image
                                        imageBtnClose:                              'images/lightbox/lightbox-btn-close.gif',                    // (string) Path and the name of the close btn
                                        imageBlank:                                        'images/lightbox/lightbox-blank.gif',                              // (string) Path and the name of a blank image (one pixel)
                                        fixedNavigation:                    true,                    // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
                                        containerResizeSpeed:          400,                               // Specify the resize duration of container image. These number are miliseconds. 400 is default.
                                        overlayBgColor:                     "#cccccc",                    // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
                                        overlayOpacity:                              .6,                    // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
                                        txtImage:                                        'Image',                                        //Default text of image
                                        txtOf:                                                  'of'
</script>
    <div align="left"></div>
</p>
    
    </td>
</tr>
</table>
<br><br><bR>
<div style="background-color:#222;width:100%;"><bR>
<table width="870" border="0" cellspacing="10" cellpadding="0" align="center">
<tr>
   <td width="35%" valign="top">
<h2>Site Disclaimer</h2>
<p><strong>Macho-madness</strong> is in no way in contact with World Wrestling Entertainment. All photos are copyright to World Wrestling Entertainment or their respective owners and is being used under the fair copyright of Law 107.</p>
<p><font color="#000000">©macho-madness.net All right's Reserved.</font> </p>
   </div></td>
    <td width="35%" valign="top">
<h2>Offical Links</h2>
<div align="center">
<table width="269" border="0">
    <tr>
      <td width="94"><div align="center"><a href="https://www.facebook.com/TheMadnessWillNeverBeForgotten"><img src="fb logo.jpg" width="94" height="87" alt="fb logo" longdesc="http://www.macho-madness.net" /></a></div></td>
      <td width="76"><div align="center"><a href="https://twitter.com/machomadnessnet"><img src="twitter logo.jpg" width="76" height="91" alt="twitter logo" longdesc="http://www.macho-madness.net" /></a></div></td>
      <td width="85"><div align="center"><a href="http://pinterest.com/machomadness/"><img src="pinterest logo.jpg" width="79" height="87" alt="pin logo" longdesc="http://www.macho-madness.net" /></a></div></td>
      </tr>
    <tr>
      <td><div align="center"><a href="https://vimeo.com/user13202435"><img src="vimeo.jpg" width="98" height="90" alt="vimeo" longdesc="http://www.macho-madness.net" /></a></div></td>
      <td><div align="center"><a href="http://www.youtube.com/user/mich0679"><img src="youtube logo.jpg" width="83" height="95" alt="youtube logo" longdesc="http://www.macho-madness.net" /></a></div></td>
      <td><div align="center"></div></td>
      </tr>
</table>
</div>
</div></td><td width="29%" valign="top">
<h2>About Us</h2>
<p>Macho-madness.net is the place for all things Randy Savage and is dedicated to the "Memories of Randy Savage." We hope you'll take some time to look around and relive some classic moment's from Randy's long time career, and Enjoy!</p>
</td></tr></table></div>
</body>
</html>

i have done all repairs you have adviced but there are still 32 errors and 3 warnings.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MachoMan Madness</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type='text/javascript' src='scripts/jquery.js'></script>
<script type='text/javascript' src='scripts/lightbox.js'></script>
<link type='text/css' href='css/lightbox.css' rel='stylesheet'/>
<link type='text/css' href='css/sample_lightbox_layout.css' rel='stylesheet'/>
<style type="text/css">
.lbGallery {
                              /*gallery container settings*/
                              background-color: #666666;
                              padding-left: 20px;
                              padding-top: 20px;
                              padding-right: 20px;
                              padding-bottom: 20px;
                              width: 540px;
                              height: auto;
                              text-align:left;
                              box-shadow: 10px 10px 10px black;
                              border-radius: 20px;
                              margin-left:auto;
                              margin-right:auto;
                    .lbGallery ul { list-style: none; margin:0;padding:0; }
                    .lbGallery ul li { display: inline;margin:0;padding:0; }
                    .lbGallery ul li a{text-decoration:none;}
                    .lbGallery ul li a img {
                              /*border color, width and margin for the images*/
                              border-color: #ffffff;
                              border-left-width: 10px;
                              border-top-width: 10px;
                              border-right-width: 10px;
                              border-bottom-width: 20px;
                              margin-left:5px;
                              margin-right:5px;
                              margin-top:5px;
                              margin-bottom:5px:
                    .lbGallery ul li a:hover img {
                              /*background color on hover*/
                              border-color: #cccccc;
                              border-left-width: 10px;
                              border-top-width: 10px;
                              border-right-width: 10px;
                              border-bottom-width: 20px;
                    #lightbox-container-image-box {
                              border-top: 2px solid #ffffff;
                              border-right: 2px solid #ffffff;
                              border-bottom: 2px solid #ffffff;
                              border-left: 2px solid #ffffff;
                    #lightbox-container-image-data-box {
                              border-top: 0px;
                              border-right: 2px solid #ffffff;
                              border-bottom: 2px solid #ffffff;
                              border-left: 2px solid #ffffff;
</style>
<style type="text/css">

</style></head>
<body class="index">

<table border="0" cellpadding="0" cellspacing="0" width="909" align="center">
<tr>
<td rowspan="1" colspan="3" width="909" height="166">
          <img name="a10" src="11_1x1.jpg" usemap="#11_1x1" width="909" height="166" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="1" width="54" height="320">
          <img name="a11" src="11_2x1.jpg" width="54" height="320" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="796" height="320" background="11_2x2.jpg">
          <link rel="stylesheet" type="text/css" href="slides/style.css" />
          <style type="text/css">a#vlb{display:none}</style>
          <script type="text/javascript" src="slides/jquery.js"></script>
          <script type="text/javascript" src="slides/slider.js"></script>
          <div id="wowslider-container1">
          <div class="ws_images">
<span><img src="slides/9.jpg" alt="" title="" id="wows0"/></span>
<span><img src="slides/2.jpg" alt="" title="" id="wows1"/></span>
<span><img src="slides/3.jpg" alt="" title="" id="wows2"/></span>
<span><img src="slides/4.jpg" alt="" title="" id="wows3"/></span>
<span><img src="slides/5.jpg" alt="" title="" id="wows4"/></span>
<span><img src="slides/6.jpg" alt="" title="" id="wows5"/></span>
<span><img src="slides/7.jpg" alt="" title="" id="wows6"/></span>
<span><img src="slides/8.jpg" alt="" title="" id="wows7"/></span>
<span><img src="slides/1.jpg" alt="" title="" id="wows8"/></span>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="">1</a>
<a href="#wows1" title="">2</a>
<a href="#wows2" title="">3</a>
<a href="#wows3" title="">4</a>
<a href="#wows4" title="">5</a>
<a href="#wows5" title="">6</a>
<a href="#wows6" title="">7</a>
<a href="#wows7" title="">8</a>
<a href="#wows8" title="">9</a>
</div></div></div></div>
          <script type="text/javascript" src="slides/script.js"></script></td>
<td rowspan="1" colspan="1" width="59" height="320">
          <img name="a13" src="11_2x3.jpg" width="59" height="320" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="3" width="909" height="63">
          <img name="a14" src="11_3x1.jpg" width="909" height="63" border="0" alt="" /></td>
</tr>
</table>

<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
   <td class="mainlink">
<center>

<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"></script>
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a target="main" href="index.html">Home</a></li>
<li><a target="main" href="#" rel="ddsubmenu2">Biography</a></li>
<li><a target="main" href="#" rel="ddsubmenu3">To Be Lead</a></li>
<li><a target="main" href="#" rel="ddsubmenu4">Gallery</a></li>
<li><a target="main" href="#">Videos</a></li>
<li><a target="main" href="#">Memorial Page</a></li>
<li><a target="main" href="#">Wallpaper</a></li>
<li><a target="main" href="#">Blog</a></li>
<li><a target="main" href="#">Join Us</a></li>
<li><a target="main" href="#">Contact</a></li>
</ul>
</div>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a target="main" href="randy savage bio.html">Randy Savage Bio</a></li>
<li><a target="main" href="Randy facts 101.html">Randy's Facts 101</a></li>
<li><a target="main" href="his early career.html">His Early Career</a></li>
<li><a target="main" href="Randys career in wwf.html">Randy's Career in the WWF</a></li>
<li><a target="main" href="randys career wcw.html">Randy's Career in WCW</a></li>
<li><a target="main" href="#">The Mega Powers </a>
<ul>
<li><a target="main" href="mega powers bio.html">Mega powers Bio</a></li>
<li><a target="main" href="mega powers facts 101.html">Mega Powers Facts 101</a></li>
</ul>
</li>
<li><a target="main" href="pm from randy.html">PM to fans & Elizabeth</a></li>
<li><a target="main" href="#">Randy's Radio interview</a></li>
<li><a target="main" href="#">His Death</a></li>
</ul>

<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a target="main" href="#">Elizabeth Hulette</a>
<ul>
<li><a target="main" href="#">Elizabeth Bio</a></li>
<li><a target="main" href="#">Elizabeth Facts 101</a></li>
<li><a target="main" href="#">Her Career in the WWF</a></li>
<li><a target="main" href="#">Her Career in WCW</a></li>
<li><a target="main" href="#">Later Life</a></li>
<li><a target="main" href="#">Farewell to a Princess</a></li>
<li><a target="main" href="#">Elizabeth's Radio Interview</a></li>
<li><a target="main" href="#">Elizabeth Death</a></li>
</ul>
</li>
<li><a target="main" href="#">Sherri Martel</a></li>
<li><a target="main" href="#">Gorgeous George</a></li>
<li><a target="main" href="#">Team Madness</a></li>
</ul>

<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a target="main" href="#">Early Years</a></li>
<li><a target="main" href="#">ICW Gallery</a></li>
<li><a target="main" href="#">WWF Gallery</a></li>
<li><a target="main" href="#">WCW Gallery</a></li>
<li><a target="main" href="#">NWO Gallery</a></li>
</ul>

</center>
</td>
</tr>
</table>
<br/><br/>
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
    <td>
    
</head>
<body>
    <map name="11_1x1" id="logo_11_1x1">
<area shape="rect" coords="474,138,578,150" href="http://macho-madness.net" alt=""/>
<area shape="rect" coords="606,136,712,150" href="mailto:[email protected]" alt=""/>
<area shape="rect" coords="737,136,835,152" href="http://daxstudios.net" alt=""/>
</map>
    <h1>Early Years Gallery</h1>
<div id="gallery" class="lbGallery">
                              <ul>
                                        <li>
                                                  <a href="images/11.jpg" title=""><img src="images/11_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/16.jpg" title=""><img src="images/16_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/17.jpg" title=""><img src="images/17_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/18.jpg" title=""><img src="images/18_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/19.jpg" title=""><img src="images/19_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                <li>
                                                  <a href="images/20.jpg" title=""><img src="images/20_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/22.jpg" title=""><img src="images/22_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/23.jpg" title=""><img src="images/23_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/25.jpg" title=""><img src="images/25_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/27.jpg" title=""><img src="images/27_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                <li>
                                                  <a href="images/29.jpg" title=""><img src="images/29_thumb.jpg" width="72" height="72" alt="Flower" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/30.jpg" title=""><img src="images/30_thumb.jpg" width="72" height="72" alt="Tree" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/31.jpg" title=""><img src="images/31_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/32.jpg" title=""><img src="images/32_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                                        <li>
                                                  <a href="images/images.jpg" title=""><img src="images/images_thumb.jpg" width="72" height="72" alt="" /></a>
                                        </li>
                <li>
</ul>
</div>
<script type="text/javascript">
$(function(){
                              $('#gallery a').lightBox({
                                        imageLoading:                              'images/lightbox/lightbox-ico-loading.gif',                    // (string) Path and the name of the loading icon
                                        imageBtnPrev:                              'images/lightbox/lightbox-btn-prev.gif',                              // (string) Path and the name of the prev button image
                                        imageBtnNext:                              'images/lightbox/lightbox-btn-next.gif',                              // (string) Path and the name of the next button image
                                        imageBtnClose:                              'images/lightbox/lightbox-btn-close.gif',                    // (string) Path and the name of the close btn
                                        imageBlank:                                        'images/lightbox/lightbox-blank.gif',                              // (string) Path and the name of a blank image (one pixel)
                                        fixedNavigation:                    true,                    // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
                                        containerResizeSpeed:          400,                               // Specify the resize duration of container image. These number are miliseconds. 400 is default.
                                        overlayBgColor:                     "#cccccc",                    // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
                                        overlayOpacity:                              .6,                    // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
                                        txtImage:                                        'Image',                                        //Default text of image
                                        txtOf:                                                  'of'
</script>
    <div align="left"></div>
</p>
    
    </td>
</tr>
</table>
<br/><br/><br/>
<div style="background-color:#222;width:100%;"><br/>
<table width="870" border="0" cellspacing="10" cellpadding="0" align="center">
<tr>
   <td width="35%" valign="top">
<h2>Site Disclaimer</h2>
<p><strong>Macho-madness</strong> is in no way in contact with World Wrestling Entertainment. All photos are copyright to World Wrestling Entertainment or their respective owners and is being used under the fair copyright of Law 107.</p>
<p><font color="#000000">©macho-madness.net All right's Reserved.</font> </p>
   </div></td>
    <td width="35%" valign="top">
<h2>Offical Links</h2>
<div align="center">
<table width="269" border="0">
    <tr>
      <td width="94"><div align="center"><a href="https://www.facebook.com/TheMadnessWillNeverBeForgotten"><img src="fb logo.jpg" width="94" height="87" alt="fb logo" longdesc="http://www.macho-madness.net" /></a></div></td>
      <td width="76"><div align="center"><a href="https://twitter.com/machomadnessnet"><img src="twitter logo.jpg" width="76" height="91" alt="twitter logo" longdesc="http://www.macho-madness.net" /></a></div></td>
      <td width="85"><div align="center"><a href="http://pinterest.com/machomadness/"><img src="pinterest logo.jpg" width="79" height="87" alt="pin logo" longdesc="http://www.macho-madness.net" /></a></div></td>
      </tr>
    <tr>
      <td><div align="center"><a href="https://vimeo.com/user13202435"><img src="vimeo.jpg" width="98" height="90" alt="vimeo" longdesc="http://www.macho-madness.net" /></a></div></td>
      <td><div align="center"><a href="http://www.youtube.com/user/mich0679"><img src="youtube logo.jpg" width="83" height="95" alt="youtube logo" longdesc="http://www.macho-madness.net" /></a></div></td>
      <td><div align="center"></div></td>
      </tr>
</table>
</div>
</div></td><td width="29%" valign="top">
<h2>About Us</h2>
<p>Macho-madness.net is the place for all things Randy Savage and is dedicated to the "Memories of Randy Savage." We hope you'll take some time to look around and relive some classic moment's from Randy's long time career, and Enjoy!</p>
</td></tr></table></div>
</body>
</html>

Trouble with "body" images lining up at the top

Hi, I am having troubles with the #body style in my web page. I have inserted a table into the #body area and the the body editable region will not line up on the top with the sideBar editable region when I add text and apply my css to it. Can you look at the code and let me know what I am doing wrong? Thanks!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Ram Restaurant & Brewery</title>

<meta name="keywords" content="Ram Restaurant, The Ram restaurant, Ram Restaurant and brewpub, Ram Restaurant Group, Ram International" />
<meta name="description" content="Welcome to The Ram! Your stomach wants food. Your tastebuds want beer. Satisfy them both at the Ram Restaurant & Brewery." />
<style type="text/css">

</style>
<link href="/RamWebsite_NEW/cssstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>

<script src="/RamWebsite_NEW/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="/RamWebsite_NEW/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


</head>
<body link="#000000" topmargin="0" onload="MM_preloadImages('/RamWebsite_NEW/images/Menu_rollover.jpg','/RamWebsite_NEW/imag es/EventsLink2_rollover.jpg','/RamWebsite_NEW/images/GiftCards_rollover.jpg','/RamWebsite_ NEW/images/BeerLink2_rollover.jpg')">
<div id="wrapper">
<div id="header">
    <table width="900" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <th width="200" height="36" rowspan="2" align="center" valign="middle" scope="col"><a href="http://www.theram.com"><img src="/RamWebsite_NEW/images/Ram-Logo-red.gif" alt="Ram Restaurant & Brewery Logo" width="175" height="69" border="0" /></a></th>
        <th width="350" height="50" align="center" valign="middle" scope="col"> </th>
        <th width="200" align="center" valign="middle" scope="col"> </th>
        <th width="150" align="right" valign="middle" scope="col"><a href="http://www.facebook.com/home.php?#!/theramrestaurant?ref=ts"><img src="/RamWebsite_NEW/images/FacebookBox.gif" alt="Becoma a Facebook Fan!" width="40" height="40" border="0" /></a><a href="http://www.twitter.com/theram"><img src="/RamWebsite_NEW/images/TwitterBox.gif" alt="Follow Us on Twitter" width="40" height="40" hspace="30" border="0" /></a></th>
      </tr>
      <tr>
        <th colspan="3" align="right" scope="col"><ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a class="MenuBarItemSubmenu" href="#">MENU</a>
            <ul>
              <li><a href="#" class="MenuBarItemSubmenu">Idaho</a>
                <ul>
                  <li><a href="/menus/idaho/boise.shtml">Boise</a></li>
                  <li><a href="/menus/idaho/meridian.shtml">Meridian</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Illinois</a>
                <ul>
                  <li><a href="/menus/illinois/rosemont.shtml">Rosemont</a></li>
                  <li><a href="/menus/illinois/schaumburg.shtml">Schaumburg</a></li>
                  <li><a href="/menus/illinois/wheeling.shtml">Wheeling</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Indiana</a>
                <ul>
                  <li><a href="/menus/indiana/fishers.shtml">Fishers</a></li>
                  <li><a href="/menus/indiana/indianapolis.shtml">Indianapolis</a></li>
</ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Oregon</a>
                <ul>
                  <li><a href="/menus/oregon/clackamas.shtml">Clackamas</a></li>
                  <li><a href="/menus/oregon/salem.shtml">Salem</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Washington</a>
                <ul>
                  <li><a href="/menus/washington/kent.shtml">Kent</a></li>
                  <li><a href="/menus/washington/lacey.shtml">Lacey</a></li>
                  <li><a href="/menus/washington/lakewood.shtml">Lakewood</a></li>
                  <li><a href="/menus/washington/puyallup.shtml">Puyallup South Hill Mall</a></li>
                  <li><a href="/menus/washington/puyallup2.shtml">Puyallup Sunrise Village</a></li>
                  <li><a href="/menus/washington/northgate.shtml">Seattle Northgate</a></li>
                  <li><a href="/menus/washington/seattle.shtml">Seattle University Village</a></li>
                  <li><a href="/menus/washington/tacoma.shtml">Tacoma</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">LOCATIONS</a>
            <ul>
              <li><a href="#" class="MenuBarItemSubmenu">Idaho</a>
                <ul>
                  <li><a href="/idaho/boiseNew.html">Boise</a></li>
                  <li><a href="/idaho/meridianNew.html">Meridian</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Illinois</a>
                <ul>
                  <li><a href="/illinois/rosemontNew.html">Rosemont</a></li>
                  <li><a href="/illinois/schaumburgNew.html">Schaumburg</a></li>
                  <li><a href="/illinois/wheelingNew.html">Wheeling</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Indiana</a>
                <ul>
                  <li><a href="/indiana/fishersNew.html">Fishers</a></li>
                  <li><a href="/indiana/indianapolisNew.html">Indianapolis</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Oregon</a>
                <ul>
                  <li><a href="/oregon/clackamasNew.html">Clackamas</a></li>
                  <li><a href="/oregon/salemNew.html">Salem</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Washington</a>
                <ul>
                  <li><a href="/washington/kentNew.html">Kent</a></li>
                  <li><a href="/washington/laceyNew.html">Lacey</a></li>
                  <li><a href="/washington/lakewoodNew.html">Lakewood</a></li>
                  <li><a href="/washington/puyallup-southHill-NEW.html">Puyallup South Hill Mall</a></li>
                  <li><a href="/washington/puyallup-Sunrise-New.html">Puyallup Sunrise Village</a></li>
                  <li><a href="/washington/northgateNew.html">Seattle Northgate</a></li>
                  <li><a href="/washington/seattleNew.html">Seattle University Village</a></li>
                  <li><a href="/washington/tacomaNew.html">Tacoma</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a class="MenuBarItemSubmenu" href="#">PROMOS</a>
            <ul>
              <li><a href="/drink_specials.shtml">Drink Promos</a>              </li>
              <li><a href="/food_specials.shtml">Food Promos</a></li>
</ul>
          </li>
          <li><a href="/news.shtml">RAM NEWS</a></li>
          <li><a href="/about.shtml">ABOUT US</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">CONTACT US</a>
            <ul>
              <li><a href="/contact.shtml">General Info</a></li>
              <li><a href="/employment.shtml">Careers</a></li>
              <li><a href="/comments.shtml">Comments</a></li>
            </ul>
          </li>
          <li><a href="/banquets.shtml" class="MenuBarItemSubmenu">BANQUETS</a>
            <ul>
              <li><a href="/banquets.shtml">Banquets</a></li>
              <li><a href="/banquets-catering.shtml">Off-Site Catering</a></li>
            </ul>
          </li>
        </ul></th>
      </tr>
      <tr>
        <th colspan="4" align="center" valign="middle" scope="col"><img src="/RamWebsite_NEW/images/redbar.gif" width="900" height="11" /></th>
      </tr>
    </table>
</div>
<div id="body">
<table width="900" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <th height="300" valign="top" scope="col"><table width="900" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <th width="225" align="center" valign="top" bgcolor="#000000" scope="col">adfadsfds</th>
          <th width="675" align="left" valign="top" bgcolor="#FFFFFF" scope="col">
            <p><img src="/images/aboutus2.jpg" width="675" height="300" /></p>
            <p class="foodNameDesc">adfadslkj</p>
          </th>
        </tr>
      </table></th>
    </tr>
</table>
</div>
<div id="bottomMenuSubPg">
<table width="900" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <th width="200" align="center" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Menu','','/RamWebsite_NEW/images/Menu_rollover.jpg',1)"><img src="/RamWebsite_NEW/images/Menu.jpg" alt="Menu" name="Menu" width="212" height="125" hspace="6" border="0" id="Menu" /></a></th>
      <th width="200" align="center" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Big Horn Beer','','/RamWebsite_NEW/images/BeerLink2_rollover.jpg',1)"><img src="/RamWebsite_NEW/images/BeerLink2.jpg" alt="Big Horn Beer" name="Big Horn Beer" width="212" height="125" hspace="6" border="0" id="Big Horn Beer" /></a></th>
      <th width="200" align="center" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Events','','/RamWebsite_NEW/images/EventsLink2_rollover.jpg',1 )"><img src="/RamWebsite_NEW/images/EventsLink2.jpg" alt="Events at the Ram" name="Events" width="212" height="125" hspace="6" border="0" id="Events" /></a></th>
      <th width="200" align="center" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Gift Cards','','/RamWebsite_NEW/images/GiftCards_rollover.jpg',1)"><img src="/RamWebsite_NEW/images/GiftCards.jpg" alt="Gift Cards" name="Gift Cards" width="212" height="125" hspace="6" border="0" id="Gift Cards" /></a></th>
    </tr>
</table>
</div>
<div id="bottommenu2"></div>
<map name="Map" id="Map">
<area shape="poly" coords="16,103" href="#" />
<area shape="poly" coords="49,71,102,58,158,73,191,113,180,141,151,161,109,169,65,162,31,141,18,112" href="http://theram.fbmta.com/members/UpdateProfile.aspx?Action=Subscribe&InputSource=W" target="_blank" />
</map>
<script type="text/javascript">

</script>
</div>
</body>
</html>

You have your image in the 'body editable region' wrapped in <p></p> tags (paragraph tags). <p> tags have padding and margin set on them by default.
<p><img src="/images/aboutus2.jpg" width="675" height="300" /></p>
You can either just remove the <p></p> tags or you can zero out the padding and margin:
p {
padding: 0;
margin: 0;
Unfortuanately the above will target every paragraph on your page which might not be desirable so I would just remove the <p> tags as it is not necessary to wrap an image in them.
If you do want to keep the <p> tags then use some inline css to specifically remove the padding and margin on that particular one:
<p style="padding: 0; margin: 0;"><img src="/images/aboutus2.jpg" width="675" height="300" /></p>

Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like

Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like it was all created on one page, plus mouse over doesnt work on them.
This started all of a sudden.
The entire website is a series of spry tabbed panels.
http://pacificlaser.com/const.html
if you click on General construction tab things work ok...
if you click on Machine control tab, mouse over doesnt work and all page content of each tab show through.
ive been looking for the answer for 4 months with no success.
Hope a fellow dreamwever-person can help
Thanks Rick

You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
Correct these links:
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
And you should be good to go.
Beth
ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
B

Trouble with Lightbox widget in Muse CC

Similar Messages

Maybe you are looking for