Sign in to follow this  
Ekim_Gram

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

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

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