Hello everybody there.........
was wondering if somebody could tell me where i'm doing wrong...in this
CSS
#logo {height: 293px;
margin: 0;
padding: 0;
background-color:#EDDDAA;
position: relative;}
#nav {position:relative;
background-image: url('.../i/lk_menubar.jpg');
width: 386px;
height: 94px;
list-style-type : none;
list-style-image : url('none');
margin:0;
padding: 0;
}
#nav li {margin:0;
padding:0;
position:absolute;
top:0;
visibility: visible;
list-style-image : url('none');
list-style-type:none;}
#nav li, #nav a {height: 94px;
display: block;
top:0.41em;}
#home {left: 0;
width: 101px;}
#about {left: 102px;
width: 101px;}
#thoughts {left: 203px;
width: 101px;}
#contact {left: 305px;
width: 101px;}
#home a:hover {background-image: url('.../i/lk_menubar.jpg) no-repeat
0 -101px');}
#about a:hover {background-image: url('.../i/lk_menubar.jpg')-102px -101px;}
#thoughts a:hover {background: url('.../i/lk_menubar.jpg') no-repeat
-202px -101px;}
#contact a:hover {background: url('.../i/lk_menubar.jpg') no-repeat
-303px -83px;}
HTML
<!--navbar--->
<ul id="nav">
<li id="home"><a href="#1"></a></li>
<li id="about"><a href="#2"></a></li>
<li id="thoughts"><a href="#3"></a></li>
<li id="contact"><a href="#4"></a></li>
</ul>
<!--//Navbar--->
No matter what i try, the image wont show up in any browser, but would
show that there is links and but not actually the images....HELP
ME...PLEASE
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
