Hi Stephen
Ive had a play around with the CSS that you sent over and have adapted
it so its now like this:-
#nav, #nav ul {
margin: 0;
list-style: none;
line-height: 22px;
padding: 0;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
#nav a, #nav a:link, #nav a:visited, #nav a:active {
display: block;
text-decoration:none;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
border: 0;
}
#nav a:hover {
text-decoration:underline;
}
#nav li {
margin: 0;
padding-left: 5px;
background: #65686f;
border-bottom: solid 1px white;
line-height:22px;
}
/** Display **/
#nav a {
text-decoration:none;
}
#nav li li.active {
border: 0;
background-color: #008470;
margin-left: -5px;
padding-left: 10px;
}
#nav li li {
display:none;
margin-left: -5px;
padding-left: 10px;
border: 0;
background-color: #65686f;
}
#nav li ul {
border: 0;
}
#nav li.active {
background-color: #008470;
border-bottom: 1px solid #FFFFFF;
}
#nav li.active ul li {
background-color: #65686f;
color: #FFFFFF;
border: 0;
}
#nav li.active ul li.active {
background-color: #008470;
}
#nav li.active li a {
background-color: #65686f;
}
#nav li.active li.active a {
background-color: #008470;
}
Within Farcry admin, I have the following site structure:
homepage
Welcome
Sub Nav 1
Sub Nav 2
Contact Us
The CSS should display the whole navigation in a dark grey colour,
with a thin white line dividing the top level navigation sections.
When any navigation section is active, it should change the background
colour of that button to green.
The only thing I cant figure out is how to make it so that the Sub Nav
1 and Sub Nav 2 appear only when "Welcome" or "Sub Nav 1" or "Sub Nav
2" are active (but not on roll over)
Any ideas on how can I achieve this ?
On Nov 5, 2:20 pm, "Stephen Moretti" <[EMAIL PROTECTED]>
wrote:
> On 05/11/2007, BazD <[EMAIL PROTECTED]> wrote:
>
>
>
> > Thanks Stephen
>
> > Im going to try and replicate the functionality of the main navigation
> > bar used onwww.dabs.com, with much simpler styling, and also, the
> > expanding sub section div area appears when the main button for that
> > particular section is pressed, rather than when the page has loaded.
>
> Thats fine - just don't copy how they've coded it... The HTML looks
> horrible. :)
>
> I know how to do the expanding subnav style using divs, but not sure
>
> > how it can be done in pure css. Your example has a kind of drop down
> > menu style to it, can it be tweaked to an expanding div style ?
>
> > I will have to have a play with it.
>
> There's no reason why you couldn't - you'd just need to
> remove the hover stuff and only display the sub items on the active
> navigation branch.
>
> Regards
>
> Stephen
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"farcry-dev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/farcry-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
