Neverside

Need an Example

Can someone provide me with an example of using a Horizontal List navigation with images for the button names?

basically instead of <img/><img/><img/> with javascript mouseover image swaps, just a list

colors, names, and images I used are just for example use...

html code

Code:

<div id="navContainer">
<ul id="myNav">
<li id="linkA"><a href="#"><i>Link A</i></a></li>
<li id="linkB"><a href="#"><i>Link B</i></a></li>
</ul>
</div>

css code

Code:

#navContainer {
margin: 0;
width: 780px;
height: 33px;
display: block;
background-color: #ff0000;}

#myNav i {
display: none;}

#myNav ul {
margin: 0;
padding: 0;
list-style-type: none;}

#myNav ul li {
margin: 0;
text-index: 0px;
display: inline;}

that's about as far as i can get... I know when i get rid of the #myNav i, it shows the links inline but i have no idea how to do images..

thanks ahead!

http://css.maxdesign.com.au/listamatic/horizontal07.htm

Like that?

___________________

Free Desktop Wallpapers

haha exactly... thanks a lot!