On Behalf Of Yazmin Media
> Sent: 5 June 2009 04:38
> To: [email protected]
> Subject: Re: [css-d] Vertical Menu problem
>
> John,
>
> Try these definitions for your CSS:
>
> .verticalMenu {
> background-color : #FFD096;
> float : left;
> margin-left : 6px;
> width : 150px;
> padding: 0;
> }
> .left_menu_txt {
> padding: 0;
> }
> ul.left_menu_txt {
> list-style: none;
> margin: 0;
> }
Just to add to this: John, something you will need to understand is that
many styling inconsistencies occur between browsers because these
browsers apply their own styles to HTML elements (hence the now common
use of a reset style sheet[1]). The most notable difference occurs with
lists - Safari and Gecko based browsers (e.g. Firefox) use padding-left
while Internet Exploder uses margin-left to indent, but as you are
discovering Exploder also has a default top padding. As an FYI, for the
sake of efficiency, the last 2 above rules can be merged:
ul.left_menu_txt {
list-style: none;
margin: 0;
padding: 0;
}
HTH
Mark
Further reading:
[1] http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
______________________________________________________________________
css-discuss [[email protected]]
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/
