Sign in to follow this  

[web] CSS problems - floating renders links unclickable (SOLVED)

This topic is 4487 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

UPDATE It seems that whenever I take out float: left; out of the #navbar declaration, the links become clickable but then the list loses it's alignment on the page. How can I fix this? The souce below and on the supplied pages hasn't changed from what I have now /UPDATE My little navbar:
<div id="navbar">
	<ul class="nav">
		<li class="title"> ALEXGLOVER.COM </li>
		<li class="item"><a href="index.html">HOME  </a></li>
		<li class="item"><a href="index.html">ABOUT </a></li>
		<li class="item"><a href="index.html">CONTACT </a></li>
		<li class="title"> WORKS </li>
		<li class="item"><a href="index.html">MUSIC </a></li>
		<li class="title"> MISC </li>
		<li class="item"><a href="index.html">LINKS </a></li>
	</ul>
</div>








and it's corresponding CSS
#navbar
{
	float: left;
	margin-left: 1px;
	margin-right: 50px;
	border-color: #EEEEEE;
	border-width: 1px;
	border-style: solid;
	width: 20%;
}
ul.nav
{
	list-style: none;
	padding: 0px;
	margin: .1em;
}
li.item
{
  background-color: #648cc8;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
li.title
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #0f64c8;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
li a
{
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;






Problem? My links aren't working, can't click em and even with the mouse over them they don't change and neither does the cursor. [Edited by - Ekim_Gram on August 31, 2005 11:12:52 PM]

Share this post


Link to post
Share on other sites
I don't see anything wrong with it, the problem must be somewhere else.
Maybe some javascript in the page that screws things up?
I tried the code myself (in IE and FF), and it worked just fine.

Share this post


Link to post
Share on other sites
Works fine in Firefox 1.0.6, Opera 8 and IE6 for me (although it renders very differently in Opera 8).

Since I can't see the problem and havn't really come across anything similar, I don't really have any suggestions.

//EDIT: Ah, seems the title was edited that this was solved while I was posting - what was the problem?

Share this post


Link to post
Share on other sites

This topic is 4487 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this