Hi everyone,

I need a help with css menu and TS. I have css menu with example code below and 
one link should be always highlighted - on every page of website (by page id), 
but I don't know how to do that in TypoScript. If anyone can help I would 
appreciate.

HTML template:

<div id="menu">
    <ul>
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
      <li class="highlight"><a href="#">Link 4 highlighted</a></li>
    </ul>
  </div>

CSS example:

#menu {
        
        width: 800px;
        height: 60px;
        margin: 0 auto;
}

#menu ul {
        
        margin: 0;
        padding: 10px 0 0 0px;
        list-style: none;
        line-height: normal;
        
}

#menu li {
        display: inline;
        text-align: center;
}


#menu a {
        background: #ffffff;
        display: block;
        float: left;
        margin-right: 3px;
        padding: 5px 62px 5px 20px;
        text-decoration: none;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #727272;
}

#menu a:hover, #menu .active a {
        background: #ffffff;
        color: #b9b2b2;
}

#menu .highlight a {
        background: #cccccc;
        color: #ffffff;
}

Thanks in advance,
Marko
_______________________________________________
TYPO3-english mailing list
[email protected]
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Reply via email to