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!!

#59721
olive21
Member

hello, thanks for all the suggestions, it worked. But its not complete in its right place and i am not sure how to go about it. All your suggestions and tips have placed the tabs closer to its destination. Can you guys help me I am not sure how to go about i changed the float to right, center and it doesn’t come out the right way. And the fourth tabs isn’t appearing and i doubled checked the link. I updated the site for you to see.

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%;
}

ul#nav{
list-style:none;

}

ul#nav li {
display: block;
}

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;
}

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

}

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;
}

part of my html:

Code:

"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