[thelist] absolute vs relative font sizes

ben morrison morrison.ben at gmail.com
Tue Jul 17 06:10:57 CDT 2007


On 7/17/07, Simon Watkins <handymanorama at gmail.com> wrote:
> Hi,
>
> I have a menu containing some markup similar to this:
>
> <ul>
>    <li><a href="www.example.com">Item 1</a></li>
>    <li>Item 2
>       <ul>
>          <li><a href="www.example2.com">Item3</a><li>
>          <li><a href="www.example3.com">Item4</a><li>
>       </ul>
>    </li>
>    <li><a href="www.example4.com">Item5</a></li>
> </ul>
>

>
> li{font-size: 1.2em;}
> li a{font-size: 0.8em;}
>
> then font sizes grow down the list.  Help?

You need to override the inheritance:

	LI LI {font-size:1em}

more info on text sizing and ems ca be found here:
http://www.clagnut.com/blog/348/

ben

-- 
Ben Morrison
http://www.benjaminmorrison.com



More information about the thelist mailing list