Hi Phil,
You put the "keyline" on the *div#davinci_nav* which comes in the markup
before the horizontal navigation, and set 30px high
for that DIV, and it's just what is appearing when the code is renderized,
e.g. two lines 30px spaced just over the navigation.
You can achieve the effect you are intending in doing the following:
Assign a class for the paragraph [1] that encloses the navigation.
Say:
<p class="keylines">
<a title="....>Smart Range</a>
....
<p>
And stylize that class with the keylines:
.keylines {
border: #5e287f solid;
border-width: 1px 0;
}
PS: Review the CSS rules for #davinci_nav:
1-) Get rid of the borders;
2-) There is no needs for two sets of CSS rules for that DIV. Use one set
with all rules;
3-) There is a typo: float:lef<div>t; ??????
[1] The properly HTML element for markup a set of links (menu) is de LI
element not a P element.
Regards,
Maurício Samy Silva
http://www.maujor.com/
> Hi everyone
> I know this is a simple solution but its evading me
>
> http://www.philturner-uk.com/kruger/davinci.html
>
> I've put an extra div in the main content area and wanted a keyline
> top and bottom
> to look like this
> ________________________________________________________________
> Smart Range Roll Towels Luxury Range Standard Range
> Economy Range
> ________________________________________________________________
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
