[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 = &nbsp;
>    after = &nbsp;
>   }
> 
> 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 &nbsp; 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