Sent by David Laakso on 31 March 2008 07:07
Stuart King wrote:
> 1.:
http://www.triviumwine.com/continuum_site/pages/wine.html<http://www.triviumwine.com/continuum_site/pages/vintage.html>
>
> 2. http://www.triviumwine.com/continuum_site/pages/vision.html
>
> --s
>
>
Remember, not to forget, you've got two CSS files. And pages with
different markup for the same element.
1/
These must be in this order (lvha) in the CSS, to work (or color, if you
will) properly:
a:link { color: red } /* unvisited links */
a:visited { color: blue } /* visited links */
a:hover { color: yellow } /* user hovers */
a:active { color: lime } /* active links */
Your markup on that page reads <p class="botmenu">....</p>
but you have no CSS p.menu.
Add this to the CSS file and tweak the margin top to position it
p.botmenu {margin: 45px 0 0 0;}
2/
In my Mac OS X 10.4.11 the horizontal menu appears to be centered
horizontally (if that's what you mean) in the content division in the
Mac browsers you list; and, in same for XP IE/6.0. But then I do not own
a pixel ruler on either OS, and judge measurement visually. If you seek
pixel perfection, someone else can help.
If you want to center it, more or less, vertically tweak the margin top
on this selector:
#botmenu {
margin: 20px 0 0 0;
}
If the font is too small adjust:
a:link {
font-size: 80%;
}
Reset the link order as above [1/].
As far as the font is concerned in IE, you get either Verdana or Arial
(trust me, there ain't gonna be anyone in their right mind running
around to make sure it is consistent to whether you're rendering Verdana
or Helvetica on their Mac with whatever they got on their pc).
From a pragmatic view, you're fine with the bottom nav set as you have it.
If you're into semantics, /perhaps/ it might be set as a horizontal list.
If stability is your bag, you may want to consider /all the text/, not
just the horizontal nav, is set on something that is static.
Consequently, with user discretion, the text shoots out the bottom and
heads for South America with font-scaling.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
