Div is hiding menu bar, & how can i put more fading in slideshow

I would really appreciate help in my site for which design is almost complete. That was the hardest part. I have 2 questions.
First, after I put the slide show/rotating image gallary in, the div containing it covers the horizontal menu bar on top and I can't make it visible. I have tried to force the div down but then it just shows a grey line on top instead of menu bar.
Second, the images in slide show or rotating gallary are perfectly located where they should be but the images kinda jump up instead of smooth dissolving, slow, fading transition. is there anyway to make them smooth, slow, dissolving transition into each other? I can't find that kind of code and I am a newbie on DW.
I would really appreciate help in these matter. Here is the link to the test home page. Images in slide show will be changed later to patients photographs.
Any other suggestion to the site, design are really welcomed.
Thanks a lot in advance,
www.hpbsurgery.net

Also, there are LOTS of fundamental errors in your HTML code itself. Below, I've made a few changes and I've highlighted them. The line that I've highlighted in RED, remove the space in your filename. HTML is cAsE SenSITive. Normalize your filename with all lower-case letters. You had redundant text tags in some places. You had incorrect file linkage. You had redundant <href> tags with double quotes in the wrong places. Primarily, your HEAD tag was incorrectly formatted. You had two instances of body tag - one was incomplete.
Please run your page through W3 validator here in the future: http://validator.w3.org/ to find out and rectify errors.
For now, replace the HTML file with this:
<!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>Surgery for Liver, pancreas, GI cancer and gastrointestinal problem in Winston Salem Triad area, North carolina</title>
<link href="NEW CSS.css" rel="stylesheet" type="text/css" />
<link href="http://www.hpbsurgery.net/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="http://www.hpbsurgery.net/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<script src="http://www.hpbsurgery.net/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style>
#photos { width:1400px; height:467px;
overflow:hidden;}
#photos img {
position: absolute;
left: 0px;
top: 0px;
width: 1400px;
height: 467px;
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
rotatePics(1);
function rotatePics(currentPhoto) {
var numberOfPhotos = $('#photos img').length;
currentPhoto = currentPhoto % numberOfPhotos;
$('#photos img').eq(currentPhoto).fadeOut(function() {
$('#photos img').each(function(i) {
$(this).css('zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos);
$(this).show();
setTimeout(function() {rotatePics(++currentPhoto);}, 5000); //Time length before fade in milliseconds
</script>
</head>
<body onload="MM_preloadImages('Images/Logo/online appointments hover.jpg','Images/Logo/Medical_history_hover.jpg','Images/Logo/Watch surgery video hover.jpg','Images/Logo/connect with facebook hover.jpg','Images/Logo/connect with twitter hover.jpg','Images/Logo/connect with youtube hover.jpg','Images/Logo/connect with skype hover.jpg')">
<div class="container" id="container">
<div class="header" div id="header">
    <div id=horizontalmenu><ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a></li>
<li><a href="#">About Dr. Singh</a></li>
    <li><a href="#">Credentials</a>    </li>
    <li><a href="#">Diseases</a>
    <ul>
        <li><a href="#">Appendix</a></li>
        <li><a href="#">Adrenal</a></li>
        <li><a href="#">Bile Ducts</a></li>
        <li><a href="#">Cancer</a></li>
        <li><a href="#">Colon</a></li>
        <li><a href="#">Gall bladder</a></li>
        <li><a href="#">Hernia</a></li>
        <li><a href="#">Liver</a></li>
        <li><a href="#">Pancreas</a></li>
        <li><a href="#">Stomach</a></li>
        <li><a href="#">Small intestine</a></li>
      </ul>
    </li>
    <li><a href="#">Surgeries</a>
    <ul>
        <li><a href="#">Watch Surgery Videos</a></li>
        <li><a href="#">Appendix</a></li>
        <li><a href="#">Adrenal</a></li>
        <li><a href="#">Bile Ducts</a></li>
        <li><a href="#">Cancer</a></li>
        <li><a href="#">Colon</a></li>
        <li><a href="#">Gall bladder</a></li>
        <li><a href="#">Hernia</a></li>
        <li><a href="#">Liver</a></li>
        <li><a href="#">Pancreas</a></li>
        <li><a href="#">Stomach</a></li>
        <li><a href="#">Small intestine</a></li>
    </ul>
    </li>
    <li><a href="#" >Testimonials</a>
      <ul>
        <li><a href="#">Photos</a></li>
        <li><a href="#">Audio</a></li>
        <li><a href="#">Video</a></li>
        <li><a href="#">Letters</a></li>
      </ul>
    </li>
    <li><a href="#" >Finance</a>
      <ul>
        <li><a href="#">Pay Online</a></li>
        <li><a href="#">Extended Payment</a></li>
        <li><a href="#">Discounts</a></li>
        <li><a href="#">Prices</a></li>
      </ul>
    </li>
    <li><a href="#" >Contact us</a>
      <ul>
        <li><a href="#">Appointment</a></li>
        <li><a href="#">Call us</a></li>
        <li><a href="#">Email us</a></li>
        <li><a href="#">Facebook</a></li>
        <li><a href="#">Twitter</a></li>
        <li><a href="#">Youtube</a></li>
        <li><a href="#">Skype</a></li>
      </ul>
    </li>
    <li><a href="#">Forum</a></li>
    </ul></div>
    <div id="photos"><img src="Images/New images/1.jpg" width="1400" height="495" /><img src="Images/New images/2.jpg" width="1400" height="495" /><img src="Images/New images/3.jpg" width="1400" height="495" /></div>
</div>
<div class="maincolumn" id="maincolumn">
    <div id="maincolumn" style="width:100%;">
      <div id="leftbar" style="float:left;width: 15%;">
        <ul id="MenuBar2" class="MenuBarVertical">
    <li><a href="#" class="MenuBarItemSubmenu">Appendix</a>
      <ul>
        <li><a href="#" class="MenuBarItemSubmenu">Untitled Item</a>
          <ul>
            <li><a href="#">Untitled Item</a></li>
          </ul>
        </li>
        <li><a href="#">Untitled Item</a></li>
        <li><a href="#">Untitled Item</a>        </li>
      </ul>
      <ul>
      </ul>
    </li>
    <li><a href="#">Adrenal</a></li>
    <li><a href="#">Bile Ducts</a>
      <ul>
        <li><a href="#">Item 3.1</a>
          <ul>
            <li><a href="#">Item 3.1.1</a></li>
            <li><a href="#">Item 3.1.2</a></li>
          </ul>
        </li>
        <li><a href="#">Item 3.2</a></li>
        <li><a href="#">Item 3.3</a></li>
      </ul>
    </li>
    <li><a href="#">Cancer</a>
      <ul>
        <li><a href="#">Untitled Item</a></li>
        <li><a href="#">Untitled Item</a></li>
        <li><a href="#">Untitled Item</a></li>
      </ul>
    </li>
    <li><a href="#">Colon</a></li>
    <li><a href="#">Gall Bladder</a></li>
    <li><a href="#">Hernia</a></li>
    <li><a href="#">Liver</a></li>
    <li><a href="#">Pancreas</a></li>
    <li><a href="#">Stomach</a></li>
    <li><a href="#">Small Bowel</a></li>
</ul>
      </div>
      <div id="textbox" style="float:left;width:61%;padding-left:2%;padding-right:2%"><h1>Gajendra</h1><h2>Gajendra</h2><p>Gajendra</p></div>
      <div id="rightbar" style="float:left;width:20%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Appointment','','Images/Logo/online appointments hover.jpg',1)"><img src="Images/Logo/online appointments.jpg" width=100%;" height="160" id="Appointment" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('medical history','','Images/Logo/Medical_history_hover.jpg',1)"><img src="Images/Logo/Medical_history.jpg" width=100%;" height="160" id="medical history" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('surgery videos','','Images/Logo/Watch surgery video hover.jpg',1)"><img src="Images/Logo/Watch surgery video.jpg" alt="watch videos of surgry done by dr.Singh" width=100%;" height="160" id="surgery videos" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','Images/Logo/connect with facebook hover.jpg',1)"><img src="Images/Logo/connect with facebook.jpg" alt="make drSingh a friend on facebook" width=100%;" height="160" id="facebook" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('twitter','','Images/Logo/connect with twitter hover.jpg',1)"><img src="Images/Logo/connect with twitter.jpg" alt="follow dr.Singh on twitter" width=100%;" height="160" id="twitter" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('youtube','','Images/Logo/connect with youtube hover.jpg',1)"><img src="Images/Logo/connect with youtube.jpg" alt="watch dr.singh on youtube" width=100%;" height="160" id="youtube" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('skype','','Images/Logo/connect with skype hover.jpg',1)"><img src="Images/Logo/connect with skype.jpg" alt="char with dr.Singh" width=100%;" height="160" id="skype" /></a></div>
      <div style="clear:both;">
   </div>
      <div class="credential" id="credential">
      </div>
      <div class="footer" id="footer">
        <blockquote>
          <p>Home About Credentials Diseases Surgeries Testimonials Finance Contact Terms PrivacyPolicy Disclaimer Sitemap</p>
        <hr align="center" />
        <p> Designed/Developed--GajendraSingh,MD ©-GajendraSingh,MD--October-2012 </p>
</blockquote>
    </div>
    </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.jpg", imgRight:"../SpryAssets/SpryMenuBarRightHover.jpg"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2",{imgRight:"../SpryAssets/SpryMenuBarRightHover.jpg",
imgDown:"../SpryAssets/SpryMenuBarDownHover.jpg"});
</script>
</body>
</html>

Similar Messages

Why is there a sync icon on the menu bar how can i get it off?

Why is there a sync icon on the menu bar how can i get it off?

That is from thw Address book. you have set up sync with Google or Yahoo. Open the Address book and then Preferences you find where to turn it off or hide the icon.

Help, my Clock has disappeared from menu bar, how can I get it back ?

Can someone please tell me how to return my clock to the menu bar directly above the Mac HD icon?
I went to system preferences, clicked clock, clicked the date and Time tab and found it set on Show date and time, View in menu bar, view as analog. Under that it said show AM / PM and Show day of the week. These last two selections were printed in pale gray, not in black. On the lower left corner of this date and time tab, was an open lock. I clicked it closed in hopes this action would return my clock to the menu bar. It did not. So I clicked the lock open again. I would very much appreciate someone telling me how to return my clock to the menu bar. Thank you in advance

You should consider updating to 10.4.11,
But perhaps your Mac needs a bit of TLC:
Repairing permissions is an important part of regular maintenance, and should always be carried out both before and after any software installation or update.
Go to Disk Utility (this is in your Utilities Folder in your Application folder) and click on the icon of your hard disk (not the one with all the numbers).
In First Aid, click on Repair Permissions.
This only takes a minute or two.
Background information here:
http://docs.info.apple.com/article.html?artnum=25751
and here:
http://docs.info.apple.com/article.html?artnum=302672
An article on troubleshooting Permissions can be found here:
http://support.apple.com/kb/HT2963
If you were having any serious problems with your Mac you might as well complete the exercise by repairing your hard disk as well. You cannot do this from the same start-up disk. Reboot from your install disk (holding down the C key). Once it opens, select your language, and then go to Disk Utility from the Utilities menu. Select your hard disk as before and click Repair.
Once that is complete reboot again from your usual start-up disk.
More useful reading here:
Resolve startup issues and perform disk maintenance with Disk Utility and fsck
http://support.apple.com/kb/TS1417

Forget the menu bar - how can I kill transparency in all the menus?

I don't care about the transparent menu bar. I think it would be better if on mouse over, it became solid, but I don't mind it.
However, the transparency in the MENUS is driving me nuts! Apple has succeeded in making every menu in the OS and application harder to read if there is anything underneath it (which there pretty much always is). So far as I can tell, there is absolutely no way to disable it.
Come on, Apple. The whole point of menus is to show you options when you want to see them. Why in the world would you make those options harder to read? At least give me a **** preference to turn this stupid crap off!
So far, I'm sorry I upgraded. Stop chasing after flashy graphics and get back to building a usable OS.

I totally agree. If the menus are going to be transparent, give the users three things in addition:
1) the ability to make the menu even less transparent
2) the ability to blur the stuff behind the menu even more
3) the ability to turn off the transparency entirely
This goes for the menu bar as well. What were the designers thinking when they added all this useless eye-candy that gets in the way? That's the kind of stuff we expect from Microsoft, not Apple.

I cleared my menu bar how can i get it back, i also cleared my adress bar too so whta now??

i cant go to options or anything help meeee

Hi there,
See the [[Menu bar is missing]] and the [[Back and forward or other toolbar items are missing]] articles.

Where is the menu bar, how do i put sites on it?

Not computer literate here. Recently Firefox wiped out everything. I used to be able to see and go to my favorite sites (located just above the page. I would like that back, how do I do it?

Make sure that toolbars like the "Navigation Toolbar" and the "Bookmarks Toolbar" are visible.
*Firefox menu button > Options
*View > Toolbars (press F10 to display the menu bar)
*Right-click empty toolbar area
Use Toolbar Layout (Customize) to open the Customize window and set which toolbar items to display.
*check that "Bookmarks Toolbar items" is on the Bookmarks Toolbar
*if "Bookmarks Toolbar items" is not on the Bookmarks Toolbar then drag it back from the toolbar palette into the Customize window to the Bookmarks Toolbar
*if missing items are in the toolbar palette then drag them back from the Customize window on the toolbar
*if you do not see an item on a toolbar and in the toolbar palette then click the "Restore Default Set" button to restore the default toolbar setup
You can check for problems caused by a corrupted localstore.rdf file.
*http://kb.mozillazine.org/Corrupt_localstore.rdf

How can I put more than One ComboBox in the Driving Frame of a Frame Driver

Hi,
I am working with a Frame Driver and I want that in the Driving Frame put more than one ComboBox to filter the report, for example, I want to put one combobox for City, another for Year, and another for Month, and when the user select the City, Year and Month and do click in Submit button, then in the Target Frame appears the information for those filters.
Does anybody know how to do that?
Thanks a lot.
Bye,

Hi,
It is not possible to have more than one combo in the source frame. This is because frame drivers can take only
two columns in the sql query, one is the display value and the other the return value.
Thanks,
Sharmila

How can I put more than one source file when I am creating my installer from LV 7 Express

Hi,
I am creating my installer for my application and I would want to add more than one source file at once, how could I do it?
Thanks,
ToNi.

Hi,
I'm referring to the first executable. In other words, I have my application and I want to build and executable of it. Then I go to "Tools->Build application..." and then in the source files tab I can add my vi files but I want to add more than vi at the same time (at once) and not one by one. How can I do it?
And my second question is: When I make the installer for my application I save the configuration in a build Script file (.bld) in order to use it whenever I want. Then If from another computer different from the one where I generate the .bld file, I load it, LV tells me that something is wrong (LV says there are some errors in some VIs but It doesn't tell me what files are). Why?
Thanks in advance,
ToNi.

How can i put more than one item in a same row of a form?

guys!
it seems item is positioned in a single row one by one each time item is appened to a form. i can't append more than one item in same row.
i'm using sun wtk and default colored phone emulator.
xxxx

Hi,
It is not possible to have more than one combo in the source frame. This is because frame drivers can take only
two columns in the sql query, one is the display value and the other the return value.
Thanks,
Sharmila

How can I put more than one alert on an event in my calendar?

Hello everyone,
If there is someone that can help me I will be very greatfull to him
If there is something confused in the main title look at this picture to understand better the situation in which I am.
http://imageshack.us/a/img713/3601/fotofn.png
http://imageshack.us/photo/my-images/713/fotofn.png/
Thank you to everyone.

Thank you but I understand that form of attaching a document. However when I select a document then click 'Share' I have the option of sending the document by email as a word or pages document or pdf, what I want to know is can I use this procedure to send more than one document per email and if I can how?

How can I put more than one Apple ID on one device to receive iMessages?

I have a personal iPhone and work iPad. I'd like to receive iMessages from my work Apple ID on my personal iPhone. Since upgrading to iOS 7, I haven't been able to do so. Is there a fix for this?

Although you can use more than one Apple ID on the device at a time, only one at a time can be used for EACH FEATURE like iTunes, Facetime and iMessages,

I don't have room on Mac to upgrade to Yosemite and can't order a book I built until I do! How can I put more room on Mac for upgrade? Do I take Mac in for tech to install more memory? I just want my book! I have buyers waiting!!!

I Built a book on my Mac, thst I sell, and it seems I cannot order anymore until I upgrade to Yosemit. I try but apparently don't have enough space on Mac. Can I take Mac in somewhere so a tech can install more memor? I need this book! I have buyers waiting!!! Please help me!

Go step by step and check.
1. Start up in Safe Mode.
    http://support.apple.com/kb/PH11212
2. Backup your computer.
3. Empty Trash.
   http://support.apple.com/kb/PH13806
4. Disk space / Time Machine / Local Snapshots
Local backups
   http://support.apple.com/kb/ht4878
5. Delete old iOS Devices Backup.
    iTunes > Preferences > Devices
    Highlight the old Backups , press “Delete Backup” and then “OK”.
    http://support.apple.com/kb/HT4946?viewlocale=en_US&locale=en_US
6. Re-index Macintosh HD.
    This will take a while. Wait until it is finished.
    System Preferences > Spotlight > Privacy
    http://support.apple.com/kb/ht2409
7.Try OmniDiskSweeper. This will show the storage size details of the items.
   https://www.omnigroup.com/more
   Select Macintosh HD and click “Sweep Selected Drive” at the bottom.
   Be careful. Delete only the files that can be safely deleted. If you are not sure about any file, don’t touch it.
8. Move iTunes, iPhoto and iMovie media folders to an external drive.
    iTunes
    http://support.apple.com/en-us/HT201562
    iPhoto
    http://support.apple.com/kb/PH2506
    iMovie
    http://support.apple.com/kb/ph2289
Can you run EtreCheck and post the report here please?
EtreCheck: https://discussions.apple.com/docs/DOC-6173

When I use Firefox without menu bar I can see bookmarks. How ever when I activate menu bar the bookmark is missing from toolbar. I tried opening in safe mode and resetting toolbar but it didn't fix the issue. I am using version 7.0

When I use Firefox without menu bar I can see bookmarks. How ever when I activate menu bar the bookmark is missing from toolbar. I tried opening in safe mode and resetting toolbar but it didn't fix the issue. I am using version 7.0

Do you mean the Bookmarks Menu button on the Navigation Toolbar?
You only see that button if the menu bar is hidden.

Adobe Bridge shortcut button missing in PS CS6 menu bar, how to install as in PS CS5 [essentials]

Adobe Bridge shortcut button missing in PS CS6 menu bar, how to install as in PS CS5 [essentials]

Yes, Bridge shortcut has been removed from PS CS5. However, you can go to File->Browse in Bridge option to open the file in Br CS6.
Similar query has been answered here.
http://forums.adobe.com/message/4285441

On Firefox 4, how can I put one "new tab" on the "tab bar" (The + sign) and one next to the "back/forward" buttons (as in FF 3.6)?

On Firefox 4, how can I put one "new tab" on the "tab bar" (The + sign) and one next to the "back/forward" buttons (as in FF 3.6)?
In my current Firefox, the "new tab" icon/item from the "customize" pop-up window menu of items is placed next to my home, back, forward buttons near the top-left of my header (Button 1 for "new tab"). Then, the tab bar automatically come with a small tab (with a + sign) to the right of your last tab opened (so you click on + and a new tab opens. Button 2 for "new tab"). I like to have this "new tab" button twice (as a + mini tab, and next to my "home icon".
When I upgraded to Firefox 4, I seemed to be only able to "customize" or use the "new tab" in one place. Either as an icon next to home button, or as a "+ minitab", but NOT both.
What can I do to put this button in Firefox 4 on BOTH places???
Your help is really appreciated. I want to upgrade, but I want my buttons on both places...
I upgraded to FF 4, but downgraded again just because this feature... that's just me of coarse :-)

*New tab toolbar button: https://addons.mozilla.org/firefox/addon/new-tab-toolbar-button/

Div is hiding menu bar, & how can i put more fading in slideshow

Similar Messages

Maybe you are looking for