Jump to content
  • Advertisement
Sign in to follow this  
Ekim_Gram

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

This topic is 4768 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
Advertisement
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
Sign in to follow this  

  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

We are the game development community.

Whether you are an indie, hobbyist, AAA developer, or just trying to learn, GameDev.net is the place for you to learn, share, and connect with the games industry. Learn more About Us or sign up!

Sign me up!