It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming CSS Forum

add a list type to my top nav

add a list type to my top nav

Postby dazz_club on Wed Mar 28, 2007 2:53 pm

Hi guys and girls

I would like to add a list type to spice up my top nav which you can see at http://www.drinkpromo.com/new/game-cards.html

Its the white bar im wanting to spice up. I would like to add, like an arrow or someting.

The problem is finding where to put it in the css code.

here is the code
---
Code: Select all
#navcontainer ul
{
   position:absolute;
   border: 1px solid #FFFFFF;
   top:0px;
   left:0px;
   margin-top:0px;
   padding-left: 0;
   margin-left: 0;
   background-color: #FFFFFF;
   color: White;
   font-family: Verdana;
   font-size:10px;
   width: 793px;
   z-index: 60;
}

#navcontainer ul li { display: inline; margin:0px; list-style-type: square;}

#navcontainer ul li a
{
margin:0px;
padding: 0.1em 1em;
background-color: #FFFFFF;
color: #2C80B1;
padding-left:13px;
padding-right:14px;
text-decoration: none;
float: left;
border-right: 1px  solid   #FFFFFF;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

cheers

User avatar
dazz_club
250+ Club
 
Posts: 313
Joined: Fri Jul 15, 2005 7:35 am
Location: Chester and Hull

Postby jberry on Thu Mar 29, 2007 4:51 pm

you can put it in the #navcontainer ul and use background:url(/image.gif); THAT SHOULD WORK
jberry
100+ Club
 
Posts: 144
Joined: Mon Mar 19, 2007 4:40 pm
Location: Atlantic City, NJ


Who is online

Users browsing this forum: No registered users and 0 guests