|
HTML - My Menus Disappear In Other Borwsers
Greetings,
My menus will function on my firefox browser but not in IE or Safari. Check it here... i am thinking it is a problem with css/js..... couldn't tell you any help? dmrosemark.com Thanks in advance Similar TutorialsHi I hope you can help me. The problem is only in explorer 9 and only if you choose "use not recommended settings" when explorer 9 starts for the first time. Both my menu, parts of the logo and a lot of other texts disappears. www.nordicwebdesign.dk Hello everyone! I have a quick questions that I cannot figure out the past few months. I have a website for the private school I work at and we have our webpage set up mostly using Dreamweaver with .html pages and Dreamweaver templates. Here's my question: When links on the top dropdown menu bars are clicked, they disappear when you go back and look, they are still there, but just not visisble until I reset the browser cookies and history. Any ideas??? BTW, the website is www.scrantonprep.com If you use the dropdown menus up top and click on something, you will then see that when you go back or access the site again, the one you clicked on disappears. Any help with this matter would GREATLY be appreaciated!! I am not sure if this goes here or not but here it goes. I have a image I created in Fireworks and it is png but I have tried this as jpg. Anyways, the image as a border around it and I am not sure why and why I can not get rid of it. ON fireworks it doesn't show a border but it does on the site and don't know why. Here is the code for the image. Code: <img src="images/contestHeader.png" border="0" width="570" alt="2008 Sarazen Dr Decorating Contest" /> Here is the page for the image. http://www.mesquitechristmas.com/contest.html Anyone have an idea why this is happening? BTW I am using FF -Thanks Hey guys, I was wondering if there was a possible way to make a link disapppear after it is clicked, and for it to stay that way until the link is changed. Help? Thanks I would like to have some text and/or image appear on a page. And at a date/time have it disappear/expire. Is this possible? Is it html or a script? Any direction would help THANKS! Dave //Html code <html> <head> <script language="javascript"> function abc() { var fname=document.myform.fno.value; if(fname==""||fname==null) { alert("Name Field is blank"); return false; } output(); } function output() { alert("Output Section"); var name=document.myform.fno.value; document.getElementById('name').innerHTML=name; var vehobj=document.myform.vehicle; var vehchecked=[]; var numberofoptions=vehobj.length; for(k=0;k<numberofoptions;k++) { if(vehobj[k].selected==true) { vehchecked[k]=vehobj[k].value; } } var vehicles=vehchecked.join(" "); document.getElementById('veh').innerHTML=vehicles; var fruity=document.myform.fruit; var fru=[]; var fruit_total=""; for( i=0;i<fruity.length;i++) { if(fruity[i].type=="checkbox") { if(fruity[i].checked) { //fru.push(fruity[i].value); fruit_total+=fruity[i].value+" "; } } } document.getElementById('fruity').innerHTML=fruit_total; alert("Ends"); } </script> </head> <body> <form name="myform" onsubmit=" return abc()"> <br><br><br><br><br><br> Name : <input type="text" name="fno" maxlength=20/><br><br> Phone Number :<input type="text" name="pno" maxlength=10/><br><br> Email : <input type="text" name="email" maxlength=20/> Address : <textarea name="address" maxlength=200></textarea> <br><br> Vehicle: <select name="vehicle" multiple="multiple"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> <br><br> Fruits you like<br> Mango:<input type="checkbox" name="fruit" value="mango"><br> Grapes:<input type="checkbox" name="fruit" value="grapes"><br> Apple:<input type="checkbox" name="fruit" value="apple"><br><br> <input type="submit" value="submit" /> </form> <br><br><!-- Click to get output<input type="button" value="Click" onclick="output()"/> --> <h2>Output</h2> Name : <b id="name"></b><br> Phone Number :<b>8825247455</b><br> Email :<b>y_j@gmail.com</b><br> Address :<b>Akshay Flat no 22,Linking road,Mumbai</b><br> Vehicle :<b id="veh"></b><br> Fruits :<b id="fruity"></b><br> </body> </html> ************************************************* I am learning javascript this is just a practicing code. What i want is as soon as validation part is over next function must be called up and o/p must be printed at the ends. It works but as final line of output method executes the data disappear from output. Please help me to resolve this issue. hi, sometimes the top part of my website disappears... When I restart Fiirefox the problem is solved. If refresh the page it... the problem is still there... thanks I am trying to add a popup menu to a button on my header that will have two options. I added a hotspot to the button image in Fireworks and made the menu etc, but when I place it in my html page nothing happens. Below is the line of code that displays my button. <a onmouseover="image2.src ='images/Header/OurServices_On.png';" onmouseout="image2.src='images/Header/OurServices_Off.png';" href="OurServicesIndivid.htm" target="_top"><img src="images/Header/OurServices_Off.png" name="image2" width="129" height="22" border="0"></a></TD> PS The button image is 'OurServices_On' or "OurServices_Off", basically the "On" button is shaded darker and it will apear when you hover over it. On a secondary note, I tried to add a popup menu with the dreamworks hotspot tool. I can add the hotspot fine, but everytime I hit "Ok" on the add-popupmenu dialog box, I get a error that states the following. Anyone know the answer to either of these problems? Hello all, I need some help coding link menus. These are menus that pop up to the side of links to show additional links. See this page for what i am looking to achieve. I want a side menu to show up off of my "Media" link that has link options for Photos, AIM Icons, Riot Act, Submit a Picture, and anything else i need a link option for. Here is my current code for my link menu to the left: Code: <div align="left" style=" "><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="http://www.niuredriot.com" class="mainlevel style1 style4" id="active_menu">Home</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="http://registeruo.niu.edu/iebms/reg/reg_p1_form.aspx?oc=40&ct=STD&eventid=8491" target="_blank" class="mainlevel style1 style4" >Join</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="http://www.niuredriot.com/blog/" target="_blank" class="mainlevel style1 style4" >Blog</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="media.htm" class="mainlevel style1 style4" >Media</a></font></td></tr></table></tr> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="http://www.ncaabbs.com/forums/forumdisplay.php?fid=468" target="_blank" class="mainlevel style1 style4" >NIU Forum</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="links.htm" class="mainlevel style1 style4" >Links</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="about.htm" class="mainlevel style1 style4" >About Us</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="contact.htm" class="mainlevel style1 style4" >Contact Us</a></font></td></tr></table></tr></table> Also, for the Submit a Picture page. How would i go about adding some type of form system that submits a picture to an email account? Thanks! Hi, Is there any way to make the "standard" pull down menu that is predefined in html (the pull down form that front page provides) function with links to different pages WITHOUT USING JAVASCRIPT. I am using sharepoint that has security that blocks links that use scripting. Or, is there any way to use this pull down menu with javascript in sharepoint without a popup blocker interviening? Any help or suggestions much appreciated. thanks, joe sal This is the code that works than I'm trying to use.. It is a horizontal css popup menu. Code:
HTML
<div id="menu">
<ul id="item1">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>
<li class="item"><a href="#">menu item 2</a></li>
<li class="item"><a href="#">menu item 3</a></li>
</ul>
</div>
CSS
#menu ul .item{display:none;}
#menu ul:hover .item{display:block;}
#menu{position:absolute;}
My listing categories/hierarchy is controlled by word press so I can't really control that. I would like to know if I can modify the css to get this working. I'm trying to get the 'children' Appearance category to pop up under Automotive. Here is my NON working code: Code:
HTML
<div id="dropmenu">
<ul>
<li class="cat-item cat-item-3"><a href="http://www.diysrc.com/category/automotive/" title="View all posts filed under Automotive">Automotive</a>
<ul class='children'>
<li class="cat-item cat-item-7"><a href="http://www.diysrc.com/category/automotive/appearance/" title="View all posts filed under Appearance">Appearance</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-14"><a href="http://www.diysrc.com/category/featured-articles/" title="View all posts filed under Featured Articles">Featured Articles</a>
</li>
<li class="cat-item cat-item-1"><a href="http://www.diysrc.com/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
</div>
CSS
#dropmenu ul .children{display:none;}
#dropmenu ul:hover .children{display:block;}
#dropmenu{position:inline;}
Hi All, I need a html code which deals with cascading menus. 1)For example the page contains 2 menus: Configure,File 2)when I take my mouse over "Configure", it should display submenus "Application","Forms". 3)Again when I take my mouse over "Application" submenu, it should give 2 sub menus "Add" and "View" I have done till 2 nd point, but stuck up with the 3rd part can u pls help me....its very urgent.... Regards, Saras Hi all I am completely stuck as to what to do here. I have a drop down list that I want a different html table to display depending on the option chosen on the drop down list. I know this doesn't make a lot of sense so hopefully this will help... http://www.penzancepokerleague.co.uk/playerstats.html I am a asp.net developer and I have a customer which needs a page written in stictly html. I am not that familar with html anymore, so please bare with me. Last time I did html and used vertical menus, every page had to duplicate the menu code, instead of calling a page or control which holds the menus. Is there a way to have a inbedded html page (which is the page that hold the menus) in all the pages. This way, when I want to add a new menui tem. I don't have modify everypage, I can modify just the menu page. Is this possible in html without using frames? Any help would be appreciated. Thank you, Brandon I am trying to create menu based website for cars, how to I limit a menu to include only the models for a certain make. If ford is selected I want to be able to select mustang, taurus and f150, but not accord, because accord is made by honda. I am using Make: <select name="Make"> <option value="0">Acura</option> <option value="1">Audi</option> <option value="3">Bently</option> <option value="4">Ford</option> </select> format to create my menus, any reference to a page explaining how this would be helpful as well as defining (proper terminology) what I am trying to do. TIA, James Hello, I have started working for a company, and with little experiance i am gradually tecaching myself how to HTML in ordwer to update our website. I've got to the point where i need some help. So please if you could help me in the most basic language that would be great. How can i create a drop down menu or navagation bar. vertically The website in question is www.hyspeedbroadband.com I would also like it to stay in the same style as it already is. As a little side question also. I changed the navagation bars position, now when you click on different pages the navagation bar does not underline which page you are on. If I could have some assisstance on how that can be corrected that would be great to. Thank you for any help and replys I have a form with 3 drop down menus on the same line. The way I would like it to work is as follows: if I choose for example element 3 on the first menu then the 2nd menu shows only the options of the element in menu 1. How can I do this? Thnks Hi, I use the following HTML for a horizontal navbar: <div align="center"> <p class="navbar" align="center"> | <a class="navbar" href="index.html">Home</a> | <a class="navbar" href="events.htm">Events</a> | <a class="navbar" href="testimonies.htm">Testimonies</a> | <a class="navbar" href="about.htm">About Us</a> | <a class="navbar" href="contact.htm">Contact</a> | </p> </div> with this in the style sheet .navbar { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-decoration:none; color: #ffffff; background-color:#993300 } a.navbar:active { color: #ff00ff; } a.navbar:visited { color: #ffffff; } a.navbar:link { color: #ffffff; } a.navbar:hover { color: #993300; background-color: #ffffff; } But inspecting the code for various web sites it seems that people use the list tag <li>for horizontal menus. However as I can’t see the relevant CSS I don’t understand how it works, and I'm fairly new to CSS anyway (& I got this code from a manual). Should I be using list tags and how does it link with the style sheet? If so, can anyone explain what the code should be or point me to a good tutorial on the topic. Thanks I'm trying to incorporate drop down menus into a template to clean things up a bit but I can't figure out how. Here's the code: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bayside Baptist Church</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> <style type="text/css"> <!-- .style1 {font-weight: bold} .style2 { color: #94A652; font-size: 19px; } .style5 {font-size: 18px; color: #94A652; } .style6 { font-size: 11px } --> </style> </head> <body> <div id="wrapper"> <div id="header"> <div id="logo"> <h1>Bayside Baptist Church</h1> </div> <div id="nav"> <div id="menu"> <li><a href="index.html">Home</a></li> <li><a href="index.html">Ministries</a></li> <li><a href="index.html">Calendar</a></li> <li><a href="index.html">Connect</a></li> <li><a href="index.html">FAQ</a></li> <li><a href="index.html">Pictures</a></li> <li><a href="index.html">Contact</a></li> </div> </div> </div> <div id="headline"> <div id="photo"><div> <img src="images/pic_1.jpg" width="618" height="254" alt="Pic 1"> </div></div> <div id="search-news"> <h2 class="downcast">Sermons</h2> <div id="news-box"> <p class="style1"> 01.11.09</p> <p><strong>01.04.09</strong></p> <p><strong>12.28.08</strong></p> </div> <h2 class="downcast">News & Events</h2> <div id="news-box"> <h3><a href="#">12.21.08</a></h3> <p> Join us at the <strong>Christmas Program</strong> for a time filled with music...</p> <p class="more"><a href="#">more</a></p> <h3><a href="#">12.24.08</a></h3> <p>Come to the <strong>Christmas Eve Candlelight Service</strong> to celebrate...</p> <p class="more"><a href="#">more</a></p> </div> </div> <div class="clear"></div> </div> <div id="body"> <div id="body-left"> <h2 class="style2">Welcome to Bayside</h2> <p class="style6">Our purpose at Bayside is to help people of all ages experience the fullness of life that God has made available through a personal relationship with Jesus Christ.* Simply put, we gather in faith, serve in love, and proclaim hope as we love God and love people.* We hope you will join us; we look forward to getting to know you.</p> <p class="more"> </p> <h2 class="style5">Services</h2> <img src="images/welcome.gif" alt="" width="150" height="114" class="left" /> <p class="style6">Our <strong>9:15 service</strong> combines contemporary worship music and traditional hymns with a relevant message from Scripture that has real life-changing application to provide a complete worship experience.* We would enjoy having you join us on a regular basis as we seek to encourage one another to live out the truths of the Bible in our daily lives.**</p> <ul class="plussbullets"> <li><a href="#">Kids Corner</a></li> <li><a href="#">Teen Studies</a></li> <li><a href="#">Christian Education Hour</a></li> </ul> </div> <div id="body-right"> <h2 class="style5">Sermon Series</h2> <p><img src="images/3129504889_fcc5646ba4.jpg" alt="" width="321" height="56" /><span class="style6">Our purpose at Bayside is to help people of all ages experience the fullness of life that God has made available through a personal relationship with Jesus Christ.* Simply put, we gather in faith, serve in love, and proclaim hope as we love God and love people.* We hope you will join us; we look forward to getting to know you.</span></p> <p> </p> <p class="more"> </p> <h2 class="style5">Pictures</h2> <div id="gallery"> <a href="#"><img src="images/gal_1.jpg" width="101" height="96" alt="Gal 1"></a> <a href="#"><img src="images/gal_2.jpg" width="114" height="96" alt="Gal 2"></a> <a href="#"><img src="images/gal_3.jpg" width="112" height="96" alt="Gal 3"></a> </div> </div> <div class="clear"> <p> </p> <p> </p> <p> </p> </div> </div> </div> <div id="footer"> <p>Bayside Baptist Church - 3915 N 16th Street - Superior, Wisconsin 54880 - 715.394.6002</p> </div> </body> </html> And here's a live sample: http://www.baysidesuperior.org/Bayside I'm using Dreamweaver cs3, looked at some tutorials but can't figure it out. What would you guys suggest? First off, I have designed one site ever and it's still in progress. I also have no basis in computer training other than graphic design. I am a total beginner, but the site I'm designing is for my personal business, so I'm continually updating it with new features I like. I was hoping to use hover menus (I have no idea if that is the technically correct term, but when you put your mouse over a link, it gives you a drop down menu) on my site, but really have no clue how to do that. Is it possible in HTML or would I have to use javascript or flash? If so how would I incorporate the code into a generally HTML based site? Thanks! :-) |
|||||||