✔ 1 css 6 verschiedene Darstellungen

[napsi]

jetzt habe ich deinen fehler gesehen:

http://www.mgloop.at/UEHV/Img/....

 

[Maik]

die backroundposition ist im css selber definiert.

Schon, aber nicht für das li-, sondern für das a-Element.

mfg Maik

 

[napsi]

bringt leider nichts, ausserdem funktioniert es, wenn ich im css die ausgeschaltene zeile aktiviere, funktioniert es aber.

das verstehe ich nicht. habe im html ja nichts anderes gemacht

 

[napsi]

stelle das ganze projekt als zip online

hier das file, vielleicht findest du den fehler

bitte

danke

lg.

napsi

 

[Maik]

Im Stylesheet shape.css entfernst du folgende Angaben:

ul li a {
        color: #fff;
        /*background-color: #bf4038;*/
        /*background-repeat: no-repeat;*/
        /*background-position: top right;*/
        display: block;
        font-family: 'Arial', sans-serif;
        font-size: 14pt;
        font-weight: bold;
        padding: 0.5em;
        text-decoration: none;
}

und exemplarisch für den ersten Menüpunkt lautet die Regel:

<li style="width: 15em; background: #bf4038 url(Img/Img_HPstyle/shape.gif) no-repeat right top;"><a href="#">Mannschaften</a></li>

die sich zentral in der CSS-Datei festlegen lässt, da sie für alle Elemente gleich lautet.

ul li {
padding: 0.1em;
position: relative;
background: #bf4038 url(../Img/Img_HPstyle/shape.gif) no-repeat right top;
}

mfg Maik