Frage zu folgenden Code:

[burn4ever]

Hallo,
auf einer mayspace Seite ist ein Menü folgendermasen gescriptet:

<div class="ksenav">
    <ul>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD00MjQ2MjUw" class="sendmessage">SEND MESSAGE</a></li>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTQyNDYyNTA=" class="addfriends">ADD TO FRIENDS</a></li>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD00MjQ2MjUwJmY9Zm9yd2FyZHByb2ZpbGU=" class="forward">FORWARD</a></li>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD00MjQ2MjUw" class="favorites">FAVORITES</a></li>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD00MjQ2MjUw" class="viewphotos">VIEW PHOTOS</a></li>
        <li><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=4246250&n=5795483&MyToken=0964b1c8-bf93-4727-9d91-74c59ecd36cb" class="viewvideos">VIEW VIDEOS</a></li>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmtpbGxzd2l0Y2hlbmdhZ2UuY29t" target="_blank" class="officialsite">OFFICIAL SITE</a></li>
    </ul>
</div>

.ksenav { position: absolute; top: 1112px; left: 50%; height: 0px; width: 976px; overflow: visible; background-color: transparent; margin-left: -486px; text-align: left; z-index:8}

.ksenav ul{ width: 976px; list-style-type: none;}

.ksenav ul li{ float:left;}

.ksenav li a{ display:block;}

.sendmessage{
background-image:url(http://www.killswitchengage.com/myspace3/kse_nav_01.gif);
background-repeat:no-repeat;
display:block;
float: left;
width:143px;
height:86px;
text-indent:-9999px;
}

.sendmessage:hover{
background-image:url(http://www.killswitchengage.com/myspace3/kse_nav_hover_01.gif);
background-repeat:no-repeat;
display:block;
float: left;
width:143px;
height:86px;
text-indent:-9999px;
}

Ein div Tag mir einem Listenmenü und Hintergrundgrafiken bei bestimmten Zuständen ( mouseOver).

Ich möchte das auch so machen scheitere aber noch an ein paar Dingen:

1. Bei mir wird der text des links noch angezeigt, welche in html gesetzt ist. Wie bekomme ich die transparent. Und das Hintergrundbild der einzelnen klassenlinks wird bei mir auch nicht angezeigt.

Hier mein code:

<div class="menu">
<ul>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElEPTQzMDExMjUwNQ==" class="sendmessage"></a>SEND MESSAGE </li>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00MzAxMTI1MDU==" class="addfriends">ADD TO FRIENDS</a></li>
        <li><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElEPTQzMDExMjUwNQ==" class="addgroup">ADD TO GROUP</a></li>      
 <li><a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5hZGRUb0Zhdm9yaXRlJmZyaWVuZElEPTQzMDExMjUwNSZwdWJsaWM9MA==" class="addfavorite">ADD TO FAVORITE</a></li>
</ul>
</div>



.menu{z-index:8; margin: -28px 0 0 50px; padding: 0 0 0 0; _margin: -30px 900px 0 0; overflow: visible; background-color: transparent;}

.menu UL{ list-style-type:none; position:absolute; margin: 0 0 0 0px; padding:  0 0 0 0;}


.menu UL LI { float:left; text-decoration:none; margin:-20 px 38px 0 -58px; padding: 0 0 0 15px;  _margin: 2px 0 0 10px; }

.sendmessage {background-image:url(http://burn4ever.de/myspaceprojectburn/sendmessage.png);
background-repeat:no-repeat;
display:block;
float: left;
width:135px;
height30px;
text-indent:-9999px;

}

.sendmessage:hover {background-image:url(http://burn4ever.de/myspaceprojectburn/sendmessagehover.png);
background-repeat:no-repeat;
display:block;
float: left;
width:135px;
height30px;
text-indent:-9999px;

}

 

[ohrflieger]

Kein Wunder, dass das nicht läuft.
Ein paar Beispiele:

Doppelpunkt?

heigh[color="red"]t3[/color]0px;

Was soll der Unterstrich da?

[color="red"]_[/color]margin: -30px 900px 0 0;

Warum eigentlich groß geschrieben?

.menu [color="red"]UL LI[/color] {

Sollte der Text nicht ins a-Tag rein?

<a href="http://www.msplinks.com/blabla class="sendmessage">[color="red"]</a>SEND MESSAGE[/color]

Abschreiben müsste man können. Oder die Brüder Copy und Paste kennen und nutzen. ;)
Schau nächstes Mal gründlicher über deinen Code oder lass einen Validator drüberlaufen.