CSS Gurus- I need some help

Graeme · #**1 CSS Gurus- I need some help** 04-23-2007, 12:25 PM

I am building a tab navigation and I can get working in IE but in FF it doesn't display the left hand image on active state. I have been staring at this thing for days and I can't figure it out.

Any help would be great

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
p, h1, h2, h3, h4, h5, h6, ul, ol, fieldset, form {
      margin  : 0;
      padding : 0;
  }
  
/*- Global nav-------------------------- */

    #global-nav {
      float:left;
	  width:760px;
      background:#FFF;
      font-size:100%;
      line-height:normal;
      }
    #global-nav ul {
	margin:0;
	padding:10px 0px 0 10px;
	list-style:none;
      }
    #global-nav li {
      display:inline;
      margin:0;
      padding:0 0 0 0;
      }
    #global-nav a {
      float:left;
      background:url("tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0px 4px;
	  font:15px Arial, Helvetica, sans-serif;
	  font-weight:bold;
      text-decoration:none;
      }
    #global-nav a span {
      float:left;
      display:block;
      background:url("tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#012358;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #global-nav a span {float:none;}
    /* End IE5-Mac hack */
    #global-nav a:hover span {
      color:#012358;
	  text-decoration:underline;
      }
    
	#global-nav a#activetab span { 
	  background-position:100% -27px;color: #FFF;  
	  }
	  

#global-nav a:link#activetab, #global-nav a:visited#activetab, { 
      background-position: 0% -27px; 
	  } 
	
</style>
</head>

<body>
<div id="global-nav">
  <ul>
    <li><a id="activetab" href="#" title="Link 1"><span>Home</span></a></li>
    <li><a href="#" title="Link 2"><span>Travel</span></a></li>
    <li><a href="#" title="Longer Link Text"><span>Insurance</span></a></li>
    <li><a href="#" title="Link 7"><span>Your Profile</span></a></li>
  </ul>
</div>
</body>
</html>

BrandonSternfield · 04-23-2007, 12:39 PM

The only difference between your right and left, is the margin, and the display:block part.

Granted, I don't know CSS, but I just compared the two.

Graeme · 04-23-2007, 12:49 PM

Thanks, I think it has something to do with the padding between active and regular state but I can't work it out. "Yarghh It's drives me nuts"

I tried switching up margin and display but no luck

BrandonSternfield · 04-23-2007, 12:54 PM

You have a span also

Graeme · 04-24-2007, 01:29 PM

Turns out I had an extra "," floating around on one of my attributes.

Thanks for the idea bouncing

BrandonSternfield · 04-24-2007, 01:31 PM

That's one thing I don't like about all this new fangled programming. If you make a mistake, it just won't work. I like C, because if you mess it up, it breaks. You know you made a mistake, and can find out where :0

There is no runline for websites =/

Graeme · 04-24-2007, 01:44 PM

Plus you gotta deal with all the cross browser compatibility nonsense.

BrandonSternfield · 04-24-2007, 01:59 PM

Ah, I love C.

REW Fergus · 04-24-2007, 09:01 PM

Quote:

Originally Posted by BrandonSternfield

That's one thing I don't like about all this new fangled programming. If you make a mistake, it just won't work. I like C, because if you mess it up, it breaks. You know you made a mistake, and can find out where :0

There is no runline for websites =/

Dunno, I can't really wrap my head around calling HTML markup or CSS "programming". I know what you mean, though, I greatly prefer strongly-typed, compiled languages, such as C to the scripting languages that dominate the Web. I love compile-time exceptions and error catching. It makes debugging so much easier.

BrandonSternfield · 04-25-2007, 08:20 AM

When people are asked what languages they know, HTML and Java are widely accepted answers.

But yes, I like error catching, break lines, etc.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Real Estate Forums

For our members

Main Sections

IDX Coverage Areas

Spiders Welcome