[Typo3] More menus with TV
Christopher
tombedlam at yahoo.com
Fri Apr 15 03:30:22 CEST 2005
Hi,
--- reCve <mail at recve.dk> wrote:
> The CSS almost works...
>
> .menu1 a:link {font-family: verdana, arial; font-size: 12px;
> text-decoration: bold ;color: #FFFFFF;}
> .menu1 a:visited {font-family: verdana, arial; font-size: 12px;
> text-decoration: bold ;color: #FFFFFF;}
> .menu1 a:active {font-family: verdana, arial; font-size: 12px;
> text-decoration: bold ;color: #999999;}
> .menu1 a:hover {font-family: verdana, arial; font-size: 12px;
> text-decoration: bold ;color: #FFFFFF;}
>
> It is not doing bold, cant I define Bold as text deco?? And the hover is
> still doing underline like the normal links are ment to do...
>
> My Bottum menu is not there at all. In my setup I write:
>
> lib.menu3.=HMENU
> lib.menu3.special = directory
> lib.menu3.special.value = 12
> lib.menu3.wrap = <div class="menu3"> | </div>
> lib.menu3.1 = TMENU
> lib.menu3.1.target = page
> lib.menu3.1.NO {
> before =
> after =
> }
>
> Its almost the same as the other, but this one dont show up. ????
Ok, first of all, your css is a) bloated, and b) wrong :) You should
probably have something more like this:
.menu { /* ALL properties go in here that are common to all menu items; use
this on ALL of your menus - if there is more than one menu. It might be
even better to define the font properties in the <body> element (except for
'font-weight') if the same fonts are used throughout the document... */
font-family:verdana,arial,sans-serif; /* Use a generic font family in
case the user's system doesn't have your favourites! */
font-size:12px;
font-weight:bold; /* 'bold' is a possible value for the 'font-weight'
property, not the 'text-decoration' property. */
}
.menu a:link,
.menu a:visited { /* Link pseudo-classes should appear in your stylesheet
in the order :link, :visited, :hover, :active. You should also combine the
different pseudo-classes where they have identical properties. */
color:#fff; /* '#fff' is shorthand for '#ffffff' */
}
.menu a:hover {
color:#999; /* I'm _guessing_ that you mean to have the alternate colour
on the :hover state, and not on the :active state (which is effectively
unnoticeable the way most browser's do it. :hover is like 'onmouseover' in
javascript...) */
}
.menu a:active {color:#fff;}
Next, a cursory look shows me that your HMENU object can't work (at least
if it's the same in your site as it is in your email):
> lib.menu3.=HMENU
...doesn't make any sense with the extra '.' - it should be
lib.menu3 = HMENU
...instead. Also, using 'before' and 'after' with is almost
certainly unnecessary. It's a job probably better handled in your css
file...
-Christopher
__________________________________
Do you Yahoo!?
Yahoo! Small Business - Try our new resources site!
http://smallbusiness.yahoo.com/resources/
More information about the TYPO3-english
mailing list