Eine kleine Frage zum Suckerfish Menu...

Hi zusammen,
contao verwirrt mich mal wieder (und so auch heute...)
ich möchte das in meinem suckerfish dropdown nicht nur der anker als link klickbar ist sondern auch das ganze listenelement an sich...
eigentlich (theoretisch) kein problem ein .mod_navigation li { display:block } sollte das problem beheben....
aber irgendwie bekomm ichs einfach nicht hin o_O
mit zerschießt es dabei die halbe navigation und ich bekomm es irgendwie nicht gerade gebogen...

das meißte des codes habe ich aus dem contao suckerfish tutorial,
jedoch ist mir der aufbau des ganzen suckerfish menüs aus diesem tutorial immer wieder schleiferhaft...
z.B. wieso hat er oder sie das menü nicht "inline" gestaltet?

warum werden die untermenüs mit

Code:

---

.mod_navigation li ul
{
    bottom:0;
    left:-1px;
    position:absolute;
    display:none;
    top:26px;
}

.mod_navigation li ul ul
{
    left:232px;
    top:0;
    position:absolute;
}

---

anstatt mit .mod_navigation ul li bzw. .mod_navigation ul ul li oder von > gebraucht gemacht?

denn die tags werden ja <ul><li>bla</li><li>bla2></li></ul> geschrieben

hier der code zu meinem "display:block" problem:

Code:

---

.mod_navigation
{
    left:14px;
    position:absolute;
    overflow:visible;
    top:240px;
    z-index:999;
}

.mod_navigation ul
{
    margin:0;
    padding:0;
    list-style-type:none;
}

.mod_navigation a
{
    text-decoration:none;
    color:#ffffff;
}

.mod_navigation li
{
    width:222px;
    position:relative;
    float:left;
    padding-left:10px;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    font-size:14px;
    line-height:25px;
    font-weight:bold;
    color:#ffffff;
    background: #94b7b6;
    background: -moz-linear-gradient(top,  #94b7b6 0%, #6dbbba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94b7b6), color-stop(100%,#6dbbba));
    background: -webkit-linear-gradient(top,  #94b7b6 0%,#6dbbba 100%);
    background: -o-linear-gradient(top,  #94b7b6 0%,#6dbbba 100%);
    background: -ms-linear-gradient(top,  #94b7b6 0%,#6dbbba 100%);
    background: linear-gradient(top,  #94b7b6 0%,#6dbbba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b7b6', endColorstr='#6dbbba',GradientType=0 );
}

.mod_navigation li ul
{
    bottom:0;
    left:-1px;
    position:absolute;
    display:none;
    top:26px;
}

.mod_navigation li ul ul
{
    left:232px;
    top:0;
    position:absolute;
}

.mod_navigation li:hover
{
    background: #b2b2b2;
    background: -moz-linear-gradient(top,  #b2b2b2 0%, #999999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#999999));
    background: -webkit-linear-gradient(top,  #b2b2b2 0%,#999999 100%);
    background: -o-linear-gradient(top,  #b2b2b2 0%,#999999 100%);
    background: -ms-linear-gradient(top,  #b2b2b2 0%,#999999 100%);
    background: linear-gradient(top,  #b2b2b2 0%,#999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#999999',GradientType=0 );
}

.mod_navigation li:active
{
    background: #b2b2b2;
    background: -moz-linear-gradient(top,  #b2b2b2 0%, #999999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#999999));
    background: -webkit-linear-gradient(top,  #b2b2b2 0%,#999999 100%);
    background: -o-linear-gradient(top,  #b2b2b2 0%,#999999 100%);
    background: -ms-linear-gradient(top,  #b2b2b2 0%,#999999 100%);
    background: linear-gradient(top,  #b2b2b2 0%,#999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#999999',GradientType=0 );
}

.mod_navigation li:hover ul
{
    display:block;
}

.mod_navigation ul li:hover ul ul
{
    display:none;
}

.mod_navigation ul ul li:hover ul
{
    display:block;
}

---

die website: http://www.reneboehres.de/

Hi,

versuch mal

Code:

---

.mod_navigation a
{
    text-decoration:none;
    color:#ffffff;
    display:inline-block;

---

nein das hilft leider nicht...

Hi,

also auch wenn das jetzt ein neuer Ansatz ist: ich empfehle Dir Menumatic damit hat's ratz fatz bei mir mit 2.10.x geklappt (hier im Einsatz: http://www.mupservice.de) ;)

Zitat:

---

Zitat von mike_mcfly

Hi,

also auch wenn das jetzt ein neuer Ansatz ist: ich empfehle Dir Menumatic damit hat's ratz fatz bei mir mit 2.10.x geklappt (hier im Einsatz: http://www.mupservice.de) ;)

---

ah ok und du meinst im speziellen die abgeänderte version oder?

ich nehme mal an das wird ganz standard mäßig eingebuden?

hmm...bei mir funktioniert das ... Cache geleert?

Was ebenfalls geht:

Code:

---

.mod_navigation a
{
    text-decoration:none;
    color:#ffffff;
    display:block;
    line-hight: 1.8;
}

---

bei dem "neuen" menumatic habe ich das problem das die sub menüs von tatsächlichen menu einen abstand haben...
außerdem sind die menüs in ul ul ul teilweise nicht breit genug

ein min-width zu setzen macht ja noch "sinn" aber in der höhe sind einige menüs immer wieder abgeschnitten um ein paar px? why?
http://www.reneboehres.de/

Edit:
ich mache mal einen zusätzlichen thread auf da sich ja meine ursprüngliche frage quasi beantwortet hat :D