HTML - Help With Menu That's Not Within Standards

Hello,

I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help!

Ben

does anyone know how I can create a pop up menu to use as a login box like the one they made on skype.com? (It opens when you click "Sign in"

Thanks!!!

Hi i want to create a menu in html with image hover .....

I created in html a basic structure like this :
<ul id="menu">
<li><a href="index.htm"><img src="images/m1.jpg"/></a></li>
<li><a href="about-us.htm"><img src="images/m2.jpg"/></a></li>
<li><a href="services.htm"><img src="images/m3.jpg" /></a></li>
<li><a href="contact-us.htm"><img src="images/m6.jpg"/></a></li>
</ul>

Now i want to have this images in css file and not at index.htm i tried several examples but i failed even to make an image to appear ...

Can someone help me have an html menu that has different image at mouseover from css ???

Thanks!

hi, this code i got was supposed to look like a red menu sort of thing, but when i put it on my website, it comes up as just black text. do you know what im doing wrong?

It is supposed to look like this (but on rollover, it does "emboss")

Code:

<style type="text/css">
.b2976043 {
height: 30px; 
width: 150px;   
background: url(menu54536390.jpg);
}
.bar2976043 {
background: #e0e0e0 url(); 
width: 750px; 
height: 30px;
position: relative;
}
.tabbar2976043 {
position: absolute;
width: auto;
height: auto;
top: 0px;
left: 0px;
}
.t2976043 {
color: #000000;
font-size: 15pt;
}
.a2976043 {
text-decoration: none;
}
</style>
<div class="bar2976043">
<table cellpadding="0" cellspacing="0" border="0" class="tabbar2976043">
<tr>
<td valign="middle" id="b29760431" class="b2976043"
onmouseover = "mOv2976043(1); " 
onmouseout = "mOut2976043(1); " 
><center>
<a href="http://www.gangstacardtricks.piczo.com" class="a2976043">
<span class="t2976043">Home</span>
</a> 
</td>
<td valign="middle" id="b29760432" class="b2976043"
onmouseover = "mOv2976043(2); " 
onmouseout = "mOut2976043(2); " 
><center>
<a href="http://www.gangstacardtricks.piczo.com/about" class="a2976043">
<span class="t2976043">Wassup?</span>
</a> 
</td>
<td valign="middle" id="b29760433" class="b2976043"
onmouseover = "mOv2976043(3); " 
onmouseout = "mOut2976043(3); " 
><center>
<a href="http://www.gangstacardtricks.piczo.com/videos" class="a2976043">
<span class="t2976043">Videos</span>
</a> 
</td>
<td valign="middle" id="b29760434" class="b2976043"
onmouseover = "mOv2976043(4); " 
onmouseout = "mOut2976043(4); " 
><center>
<a href="http://www.gangstacardtricks.forums-free.com/" class="a2976043">
<span class="t2976043">Forum</span>
</a> 
</td>
<td valign="middle" id="b29760435" class="b2976043"
onmouseover = "mOv2976043(5); " 
onmouseout = "mOut2976043(5); " 
><center>
<a href="http://www.cafepress.com/gctshop" class="a2976043">
<span class="t2976043">Shop</span>
</a> 
</td>
</tr></table>
</div>
<img src="menu63979982.jpg" width="0" height="0">
<script language="JavaScript" type="text/javascript">
currentItem2976043=1;
function SelectItemByNumber2976043(num) {
document.getElementById("b2976043"+num).style.backgroundPosition = "-450px 0px";
}
SelectItemByNumber2976043(currentItem2976043);
function mOv2976043 (num) {
document.getElementById("b2976043"+num).style.backgroundImage = "url(menu63979982.jpg)";
}
function mOut2976043 (num) {
document.getElementById("b2976043"+num).style.backgroundImage = "url(menu54536390.jpg)";
}
</script>

does anyone know whats wrong?

Hello
I built a menu using a menu generator and I linked swf files
when i click the menu entry, the swf is opening on a new page
I would like the swf will open under the menu in the same page so I will be able to swich between swf files using the menu.
thanks

http://www.scubatoo.net/tester.html

OK SO...

I have this new site up and playing around with it a bit. I am using Coffee cup editor and am having a bit of trouble. If you look into the code you will see that I have a Travel bar in my menu that isn't showing up. Why is that? Also I want to move the Travel, Glennies Pond, and Scuba Sunday bars down about 30 PX how can I do that? One last thing. I want the header, footer and menu bar to be my template for the entire site. Where do I put this file in my server, and how do I direct the rest of my pages to this template? Will this make load times faster? And if i do get this all set up correctly will I just put the div tag in the head of the document and then type out the rest of the page like normal??

Thanks,
Ryan

Hey, I have this bit of code:
Code:

 <!-- Navigation item -->
          <ul>
            <li><a href="#">Quick Roster<!--[if IE 7]><!--></a><!--<![endif]-->
              <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                  <li><a href="#">Members</a><ul><li>test</li></ul>
                  <li><a href="header2.html">Header-2 (T+M)</a></li>
                  <li><a href="header3.html">Header-3 (T+B)</a></li>
                  <li><a href="header4.html">Header-4 (M+B)</a></li>
                  <li><a href="header5.html">Header-5 (T)</a></li>
                  <li><a href="header6.html">Header-6 (M)</a></li>
                  <li><a href="header7.html">Header-7 (B)</a></li>
                </ul>
              <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
          </ul>          
        </div>
</div>

Where it says "Members", I want another submenu to pop out from there. If you need any other parts of the code, I'd be glad to get them.

Thanks.

I am very new to Html and everything that goes along with it. I have done ok so far trying to put a "Menu bar" up on the top of one of my games. Its not a traditional menubar. This is going to have a FB like button, a tweet button, and a Facebook button to my app fan page. when i do the like button and tweet button by them selves it looks fine. but when i try to add the Fan page button (that is basically an Anchor link) it goes all awry. here is the code I have


<ul id="list-nav">
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#appId=116334528469376&xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<li><div class="fb-like" data-href="http://www.facebook.com/apps/application.php?id=146310492066325" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-colorscheme="dark"></div></li>
<li><a href="http://www.facebook.com/apps/application.php?id=146310492066325"> <img src='http://www.carboncopygames.com/files/facebook.png' /></a></li>
<li><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/apps/application.php?id=146310492066325" data-text="Try Out AcroBlast on Facebook #flashgame" data-count="horizontal" data-via="doorsmaniac">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></li></script>
</ul>

you can see what it looks like here

Sorry if I butchered this
Thanks!

Alright, don't know if this is possible in HTML or not but I want to try to make it in HTML. I'm trying to replicate the style of the top menu bar of my blog into some HTML pages. www.djmedley.com/blogland/

The Home, Podcast, Bio etc buttons.

I can make it using rollovers but would like to mimmic the exact style that's currently there. Text over a background that has that green line rollover effect.

Any help is greatly appreciated. Thank you.

Currently I'm using a web script where the on the navigation menu you select the word "log-in" and when you log in, the word in the nav menu changes to "log out", (enabling the user to select "log-out" when he wants to log out).
Here is the menu code:

Code:

  
<div class="menuh">
<ul>
<li><a href="[var.base_url]">home</a></li>
<li><a href="[var.login_out_link]">[var.login_out]</a></li>
</ul></div>

I've had someone change the look of the nav menu, and the code now looks like this:

Code:

  
<tr><td class="menu">
<table><tr>
<td><a class="btn_home" href="[var.base_url]">&nbsp;</a></td>
<td><a class="btn_login" href="[var.login_out_link]">[var.login_out]&nbsp;</a></td>
</td></tr></table>
</td></tr>

However, the old word "log-in" still appears (above the new log-in button, and changes to "log-out", as before).

How can I get the new log-in word/button to change to log-out? (and get rid of the old words?)

Hi,

How can you create a menu that changes colors when you move over it with your mouse and where you can link other page's on.
I only need to insert text if it can be something like a tabel that changes the colors not only the text but the background of text too .
Can someone help me with thisone

Thx

Hi All,

Any help would be greatly appreciated!

Hi,

In the menu bar on our website I have a couple of sub meu's. They work in Firefox and Safari but not in IE.

The web address is http://www.perisandcorr.com
The sub menu on the Products page and screen printing should be indented but it doesn't seem to work in IE.

Any suggestions???

Thanks in advance

Dyfrig

I made a vertical unordered list menu everything is fine, the only problem is the rollover image only appears when you rollover onto the text and NOT the block of the text. Please help!! Thanks in advance.

Hi,

I wondered if someone could help me.

I wanted to make a Nav Menu using this design and having the text buttons as links. Is this possible and something that can easily be done?



Thanks,

Jack