need help with menu/css/fp2003

P

Pam

I've got a nice little horizontal menu bar on
http://www.passion-for-truth.com - which I thought was going to work great
.... now...it seems that the two css files are having conflicts - how do I
make the menu css work independently from the main.css for the hyperlinks in
the page? I have 2 seperate css files associated with the template - is
there a way to incorporate both files into one css file?

I'm probably way off base, and have confused myself...I had a javascript
file (done in menumaker) as the horizontal menu - which didn't conflict, but
which didn't seem to work in all browsers. help appreciated.

thanks
pam
 
P

Pam

update...until I get this figured out, I put the javacode from menumaker
back in since a lot of the links within the page were apparently showing up
white... will have to work on this when I have more time, or until someone
helps me out - I left one page with the horizontal menu that I'd like to put
in - here:

http://www.passion-for-truth.com/Freedom-Fair/freedom-fair.html

if anyone has any ideas I'd appreciate it.

Pam
 
R

Ronx

That page's horizontal menu has the link font colours (white) hardcoded
using <font> tags.
To use CSS, and keep the links distinct from other links in the page(s)
give the containing <div> an id or class and set the CSS for the id:
Example: (showing the first link only)

The CSS (goes into menu.css or main.css - your choice. You can link to
several external CSS files without problems provided you use classes or
ids to keep the definitions separated.

#navhorizontal {text-align: center;}
#navhorizontal table {border: none; border-collapse: collapse;}
#navhorizontal td {border-left: 1px solid white; border-right: 1px solid
white; font-weight: bold;}
#navhorizontal a {color: white; text-decoration: none;}


<div id="navhorizontal">
<table>
<tr>
<td><a title="Passion for Truth Ministry" target="_blank"
href="http://www.passion-for-truth.com/">Home</a></td>
</tr>
</table>
</div>

In addition, the page needs a complete doctype to place IE in Standards
mode - yours is incomplete:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

In main.css, change:

BODY { SCROLLBAR-BASE-COLOR: #6699CC } to
HTML { SCROLLBAR-BASE-COLOR: #6699CC }

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top