One line horizontal menu breaks up when using id element for separation from other code.

The code below creates a one line menu using a header text plugin in WP but it breaks the styles in the rest of the home page. I am trying to use the #hmenu id element to limit the styling to just the hmenu section. When I remove the remarks to activate the #hmenu element it turns into a verticle menu?

Any help will be appreciated as I am new to CSS styling. Thanks and regards, Kerry McNally

<!DOCTYPE html>
<html>
<head>
<style> 
/*#hmenu{*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #3082AB;
}
 
li {

Creating different style rules for a buttons that have the same class but different values.

Hi guys,

wondering if someone can help. I have a series of buttons on my site. All of which I cannot change what the class is called on the buttons as it runs through a content management system. However I do have a differnet Value in each which displays as the title. See the case below.

<input type="button" value="Continue Shopping" onclick="history.back()" class="buttonstyle" onmouseover="this.className='buttonstyle btnhov'" onmouseout="hov(this,'buttonstyle')">

Can't get font in navigation to be different on active page

I am using a dwt, and I am trying to get the font for each item in the navation bar to be bold when that link's page is active. I have used this same code before on another site, and it works. I don't know why it isn't working here.

I have this code in my master.dwt:

<div id="navigation">
<ul>
<li><a href="default.html" id="homelink">home</a></li>
<li><a href="gallery/gallery.htm" id="gallerylink">gallery</a></li>
<li><a href="about/about.htm" id="aboutlink">about</a></li>
<li><a href="contact/contact.htm" id=contactlink">contact</a></li>
</ul>

Syndicate content