CSS Disabled Navigation Controls

bsaum · 10-17-2008, 03:52 PM

I embedded a TOC calendar within a page and the associated CSS is making the navigation controls unusable. By removing the CSS call from the page the nav controls work again. My question is what navigation CSS calls could be conflicting with my CSS data? And are there any possible work arounds?

ve9gra · 10-17-2008, 04:35 PM

We'll need a link to that page so that we can troubleshoot what's happening.

bsaum · 10-17-2008, 05:28 PM

The link is http://www.fbcmcallen.com/caltest.php I also noticed that the mouseover feature only works in Firefox and not IE. This is also corrected when removing the CSS completely.

ve9gra · 10-17-2008, 08:16 PM

You've got a few issues. Lets start with the mouseover. The code for it (the $OL line) needs to be the very first thing right after the <body> tag. Not having it there will give you issues like you're experiencing.

Now, as for the navigation, there are a few issues. They're both in your own CSS. The first changes the color of the text, which makes it seem that the buttons have no text.

HTML Code:

html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.25em;
		color:#e8e4d6;
	}

If you change the color to #000000; the text shows up again.

The second issue is that you have a <div> that places itself right over the section of the navigation, which makes you unable to click anything in that area. That is the <div> right at the end of the page

HTML Code:

<div class="foot">&nbsp;</div>

If you remove that, it should make it work again.