Zum Inhalt springen

Links beim freecssdropdown Menu

Erstellt am 28. November 2011 · Noch keine Antworten

Tags: Frage

Lightrider ·

Hallo Leute,

ich bin noch ziemlich ein anfänger bei Typo3.

Ich will meine Seite mit einem Dropdown Menu versehen und bin dabei auf die Extension freecssdropdownmenu gestossen. Aber die Links werden irgendwie nicht als display block angezeigt.

hier meine css

@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file    default.css
 * @name    Default
 * @version    0.1
 * @type    transitional
 * @browsers  Windows: IE5+, Opera7+, Firefox1+
 *        Mac OS: Safari2+, Firefox2+
 *
 * @link    http://www.lwis.net/
 * @copyright  2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

@import "helper.css";


/*-------------------------------------------------/
 * @section    Base Drop-Down Styling
 * @structure  ul (unordered list)
 *        ul li (list item)
 *        ul li a (links)
 *        /*\.class|(li|a):hover/
 * @level sep  ul
 */


ul.dropdown {
 /* font-weight: bold; */
}

  ul.dropdown li {
   padding: 7px 10px;
   border-style: solid;
   border-width: 1px 1px 1px 0;
   border-color: #00305A #00305A; /* #d9d9d9 #d9d9d9; */
   background-color: #00305A;/* #f6f6f6; */
   color: #AAA; /* #000; */
  }

  ul.dropdown li.hover,
  ul.dropdown li:hover {
   background-color: #06C; /* #eee; */
   color: #fff; /* #000; */
  }
  ul.dropdown li a {
    display: block;
  }

  ul.dropdown a:link,
  ul.dropdown a:visited  {  
    color: #fff; /* #000; */ 
    text-decoration: none;
    display: block;
    width: 80px;
    height: 20px;
    padding: 0 5px; }
  ul.dropdown a:hover    { display: block; color: #fff; /* #000; */ }
  ul.dropdown a:active  { display: block; color: #fff; /*#ffa500;*/ }
  
  /* -- level mark -- */

  ul.dropdown ul {
   width: 150px;
   margin-top: 1px;
  }

    ul.dropdown ul li {
      font-weight: normal;
      /*background-color: #06C;*/
    }



/*-------------------------------------------------/
 * @section    Support Class `dir`
 * @level sep  ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}