Thema: Over effekt bei links?

Zitat von Ntracks

Ist das eine sache von jommla oder muss das im css eingerichtet werden?
Die over effekte hab ich im css soweit ich es konnte definiert!?

selbstverständlich ist die optik immer aufgabe des templates bei eine CMS, sonst wäre es ja keines.

http://www.css4you.de/hover.html

Ich habe den cache unter -> werkzeuge - cache leeren geleert und habe deinen
code in der header navi und in der sidenavi eingebaut, aber es zeigt noch keine
wirkung! übersehe ich etwas oder habe ich den code falsch platziert?

PHP-Code:

    #header{
    width: 894px;
    height: 36px;
    margin: 7px 8px 0px 7px;
    padding: 19px 17px 0px 0px;
    text-align: right;
    font-size: 15px;
    letter-spacing: 2px;
    }
    #header table { boarder-spacing: 40px; }
    #header { color: #ffffff; }
    #header a:link {color:#ffffff; text-decoration: none;
    }
    #header a:visited {color:#ffffff; text-decoration: none;
    }
    #header a:hover {color:#f96f00; text-decoration: none;
    }
    #header a:active {color:#f96f00; text-decoration: none;
    }
    #header a:focus {color:#ffffff; text-decoration: none;
    }
    #header li#current.active a {background: red;} 


PHP-Code:

    #sidenav{
    width: 200px;
    height: 346px;
    margin: 0px 0px 0px 7px;
    padding: 0px 0px 0px 0px;
    float:left;
    font-size: 14px;
    letter-spacing: 2px;
    background-color:#2c2c2c;
    }
    /* Root = Vertical, Secondary = Vertical */
    #sidenav li,
    #sidenav ul {
      margin: 0;
      border: 0 none;
      padding: 0;
      width: 200px; /*For KHTML*/
      list-style: none;
    }
    #sidenav li {
      display: block !important; /*For GOOD browsers*/
      display: inline; /*For IE*/
      position: relative;
    }
    /* Root Menu */
    #sidenav a {
      border: 3px solid #131313;
      border-left-style: none;
      border-right-style: none;
      border-top-style: none;
      padding: 0px 0px 0px 17px;
      display: block;
      background: #2c2c2c;
      color: #666;
      line-height: 25pt;
      text-decoration: none;
      height: auto !important;
      height: 100%; /*For IE*/
    }
    /* Root Menu Hover Persistence */
    #sidenav a:hover,
    #sidenav li:hover a,
    #sidenav li.iehover a {
      background: #000;
      background-image: url(../layout/sidem_over.gif);
      color: #FFF;
    }
    #sidenav li#current.active a {background-image: url(../layout/sidem_over.gif);}
    /* Do Not Move - Must Come Before display:block for Gecko */
    #sidenav li:hover ul ul,
    #sidenav li:hover ul ul ul,
    #sidenav li.iehover ul ul,
    #sidenav li.iehover ul ul ul {
      display: none;
    }
    #sidenav li:hover ul,
    #sidenav ul li:hover ul,
    #sidenav ul ul li:hover ul,
    #sidenav li.iehover ul,
    #sidenav ul li.iehover ul,
    #sidenav ul ul li.iehover ul {
      display: block;
    }
    #sidenav a:link {color:#ffffff; text-decoration: none;
    }
    #sidenav a:visited {color:#ffffff; text-decoration: none;
    }
    #sidenav a:hover {color:#f96f00; text-decoration: none;
    }
    #sidenav a:active {color:#f96f00; text-decoration: none;
    }
    #sidenav a:focus {color:#ffffff; text-decoration: none;
    }
    #sidenav li#current.active a {background-image: url(../layout/sidem_over.gif);} 


YEAH!!! riesen dank! es hat funktioniert!

Nur bei der sidenavi ist es noch ein wenig eigenartig! bei manchen funktionierts und
bei anderen nicht!? - den cache vom browser hab ich auch schon geleert!