Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Nav # ul li – Not working. Please Help!! Re: Nav # ul li – Not working. Please Help!!

#59594
olive21
Member

Thanks for the info. So i changed the css and made the tabs sprites. However I am not sure how to make them go above the white box. And the fourth tab isn’t showing up. What do I do?

http://www.leadertours.ca

here is my css:

Code:
body {
padding: 0;
margin: 0;
background: #072e66 url(images/wdw-bg.jpg) no-repeat center top;
color: #333333;
font-family: Helvetica, sans-serif;
font-size: 65.5%;
}

#content {
width: 800px;
margin: 228px auto 0;
margin-bottom: 5px;
background: #fff;
border: solid 1px #ccc;
padding: 20px;

}

ul#nav{
list-style: none;
}

ul#nav li {
display: inline;
}

ul#nav li a {
display: block;
height: 50px;
text-indent:-9099px;
float:left;
}

ul#nav li.home a {
width:171px;
background:url(images/nav-home.jpg) botttom center no-repeat;}

ul#nav li.about a {width:172px;
background:url(images/nav-about.jpg) bottom center no-repeat;}

ul#nav li.group a {width:168px;
background:url(images/nav-group.jpg) bottom center no-repeat;}

ul#nav li.contact a {width:174px;
background:url(images/nav-contact.jpg) bottom center no-repeat;}

ul#nav li a:hover {
background-position: center center;
}

div#left-col {
float: left;
width: 510px;
padding-left: 20px;
}

div#right-col {
float: right;
width: 200px;
border-top: 8px solid #ffc866;
padding-top: 15px;
font-size: 1.1em;
}

div#main-content div#right-col p {
font-size: 1.1em;
}

a {
color: #FFC864;
text-decoration: none;
}
a:hover, a:active { text-decoration: underline; }

h1 {
font-size: 2.5em;
font-family: Palatino, serif;
font-style:italic;
margin-bottom: 0.8em;
padding-left: 4px;
color:#f88016;
}
h2 { font-size: 1.5em; text-transform: uppercase; margin-bottom: 0.8em;text-spacing:3px; }
h3 {
font-size: 1.2em;
text-transform: uppercase;
font-style: italic;
letter-spacing: 2px;
color: #e8e4db;
padding: 5px;
margin-bottom: 0.5em;
text-align: left;
}
h4{ font-size:3em;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom:inherit;
text-align:center
}

h5{
font-size:1.3em;
font-style:normal;
letter-spacing:1px;
color:#000;
text-transform:uppercase;
}

#footer-text {
color: #FFF;
text-align:center;
font-weight:bold;
padding: 10px 0 10px 0;
text-transform: uppercase;

}

html:

Code:



LEADER TOURS by Downunder Travel – Specializing in Group Travel Worldwide

"Discover the joy of traveling with others”

St.Peter Vatican City

UPCOMING TOURS – DEPARTURES

Melbourne Cup

Korean Tae Kwon Do |
Dive Fiji
2010 Oberammergau Passion Play
Adventure Africa

The EMAIL US – where you would like to travel
on a GROUP Tour, we will see what can be arranged.

BOOK NOW

CONTACT US 1-888-485-6589

Leader Tours Logo

JOIN A GROUP TOUR TODAY!

Shared experiences,memories,create new friendships. Join one of our upcoming GROUP Tours or let us design a tailor-made GROUP Itinerary.

CALL TODAY, our GROUP Specialists are excited to share our knowledge and expertise with you.

Book now!

GROUP DISCOUNT
ASK US HOW!

We are able to access quantity discounts due to the large volumes traveling every year. We negotiate the best possible Group Rates on your behalf.

Ask us how your GROUP can quality for GROUP rebates and travel incentives.

Ask us to get you the most competitive group rate with the most flexibility.

Learn more


It would be every helpful if you can give suggestions in code how to rectify this web problem. Thank you