nav problem :(

aebstract · November 2, 2006

www.heritagehouseholidays.com

You'll notice that the last three links in the nav don't show up like the rest, no styling!

Here is the code for the index file and the css file, thanks in advance!

[code]<HTML>
<HEAD>
<link href="misc/stylesheet.css" rel="stylesheet" type="text/css" title="default" />
<META http-equiv=Content-Language content=en-gb>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META
content="Heritage House Holidays offers the chance to view britains vast royal history and enjoy the sights of country of england."
name=description>
<META
content="watford hotels, hotels in watford, luxury hotels in watford, cheap hotels watford, book hotel watford, heritage house"
name=keywords>
<META content="MSHTML 6.00.2900.2604" name=GENERATOR>
<TITLE>HERITAGE HOUSE HOLIDAYS</TITLE>
</HEAD>
<body>

<div id="container">
<div id="header"></div>
<div id="navholder">
<div id="navigation">
<?php
echo '<ul id="navlist">
<li'.(($page == 'home' || empty($page)) ? ' class="active"' : '').'><a href="index.php">Home</a></li>

<li'.(($page == 'accomodation') ? ' class="active"' : '').'><a href="index.php?page=accomodation">Accomodation</a></li>

<li'.(($page == 'heritagehouse') ? ' class="active"' : '').'><a href="index.php?page=heritagehouse">Heritage House</a></li>

<li'.(($page == 'calendar') ? ' class="active"' : '').'><a href="index.php?page=calendar">Availability</a></li>

<li'.(($page == 'prices') ? ' class="active"' : '').'><a href="index.php?page=prices">Prices</a></li>

<li'.(($page == 'booking') ? ' class="active"' : '').'><a href="index.php?page=booking">Booking</a></li>
</ul>

<li'.(($page == 'attractions') ? ' class="active"' : '').'><a href="index.php?page=attractions">Attractions</a></li>
</ul>

<li'.(($page == 'press') ? ' class="active"' : '').'><a href="index.php?page=press">Press</a></li>
</ul>

<li'.(($page == 'contact') ? ' class="active"' : '').'><a href="index.php?page=contact">Contact</a></li>
</ul>';

?>
</div>
</div>

<div id="content">

<?php
if (isset($page)) {
include "$page.php";
} else {
include "home.php";
}
?>

</div>

<div id="footer">
<div id="copyright">
<cite>copyright</cite>
</div></div>
</div>

</BODY></HTML>[/code]

[code]/* CSS Document */

html, body { height: 100%; }
body {
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
text-align: center;
font-size : 11px;
line-height : 15px;
font-family : Verdana, Geneva, Arial, sans-serif;
}

#container {
position: relative;
width: 600px;
margin: 0px auto;
text-align: left;
}

#header {
background: url("http://www.heritagehouseholidays.com/header.jpg") no-repeat;
width:598 px;
height: 142px;
}

#navholder {
position: relative; top: 0px;
width: 600px;
background-color: #ffffff;
height: 23px;
}

#navigation ul {
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
margin: 0;
list-style-type: none;
text-align: center;
}

#navigation ul li {
display: inline;
}

#navigation ul li a {
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
color: #000000;
background-color: #EED5D2;
display: block;
float: left;
border-right: 2px solid #ffffff;
}

#navigation ul li a:hover {
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
color: #ffffff;
background-color: #802A2A;
}

#navigation ul li.active a {
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
color: #ffffff;
background-color: #CD5C5C;
border-bottom-color: #ffffff;
}

#navigation ul li a:active {
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
color: #ffffff;
background-color: #CD5C5C;
border-bottom-color: #ffffff;
}

#content {
position: relative; top: 0px;
width: 600px;
background-color: #CD5C5C;
}

#content p {

}

#content h1 {
margin: 0px;
padding: 0px;
}

#bodyContent {
padding: 10px;
}

#footer {
position: relative; top: 10px;
background-color: #8B3A3A;
width:600 px;
}

#copyright {
height: 20px;
padding: 10px;
text-align: center;
}

#copyright cite {
color: #FFFFFF;
font-style: normal;
}

.thumbnail
{
float: left;
width: 60px;
border: 1px solid #666;
margin: 0 15px 15px 0;
padding: 5px;
}

.clearboth { clear: both; }
[/code]

ToonMariner · November 2, 2006

alll those extra </ul> won't help any!

aebstract · November 2, 2006

oh jesus, thanks man i didnt even see that haha. thats why I asked :P

Sign In

nav problem :(

Recommended Posts

aebstract

Link to comment

Share on other sites

ToonMariner

Link to comment

Share on other sites

aebstract

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information