...

View Full Version : navigation help with left and right curves



jarv
10-23-2009, 01:07 PM
hi, Could someone please help me, on my site: http://vila.slicedcreative.co.uk/

I need to add 2 images to the left and right of my navigation so that it has rounded edges but these would also have to change depending on if someone hovers over the first and the last link?!

html for navigation


<div id="hd">
<img src="/images/logo.png" border="0" alt="company Logo" align="left" />
<div class="navbar">
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
<li><a href="#">Link6</a></li>
</ul>
</div>
</div>

css:



ul {
list-style-type: none;

}
li{
display: inline;

}
.navbar {
width:690px;
height:43px;
background-image: url(/images/1px_nav.png);
background-repeat: repeat-x;
position: absolute;
top:60px;
right:18px;
}
.firstbutton{
background-image: url(/images/left_side_nav.png);
background-position: left;
}
#hd {
height:130px;
}


thanks

jarv
10-23-2009, 01:29 PM
it's ok, I am doing this a different way now!

J



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum