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%;
}