Wie Bezeichnung vom Actionlink zweifarbig anzeigen?

Question

Hallo,
ich will den Text von einem Actionlink (ASP.NET MVC2) - in diesem Beispiel "STARTSEITE" zweifarbig anzeigen.
 
In der aspx-Datei:
<ul id="menu_2">            
    <li><%: Html.ActionLink("STARTSEITE", "Start", "Home")%></li>
</ul>

In der css-Datei:
ul#menu_2 li a
{   
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

Wie kann ich das umsetzen?

Alexander

Answer 1

Hallo,
was genau meinst du denn mit 2-farbig anzeigen? 2 Ideen habe ich, was du meinst:

1. Einen Farbverlauf verwenden. Siehe dazu deine andere Frage.
2. Die Linkfarbe o.ä. verändern, wenn die Maus sich über dem Link befindet. Dazu musst du einen weiteren Style erstellen, welcher nur bei einem Mouse-Hover reagiert:

   ul#menu_2 li a : hover
   { /*Hier dann der Style*/ }

   Es gibt noch mehr dieser Pdeudoklassen:
   http://www.mediaevent.de/css/css-selektor-pseudo.html
   http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm
   

---

<Code-13/>- Koopakiller [kuːpakɪllɐ] (Tom Lambert)
Webseite | Code Beispiele | Facebook | Twitter | Snippets   C# ↔ VB.NET Konverter
Markiert bitte beantwortende Posts als Antwort und bewertet Beiträge. Danke.

Answer 2

Hallo,
mit zweifarbig meinte ich zum Beispiel, dass vom Wort Login die erste Silbe "Log" in der Farbe blau und die Silbe "in" in der Farbe grün angezeigt werden.

Alexander

Answer 3

Hallo Alexander,

auch wenn ich da für ziemlich sinnfrei halte: Da wirst Du wohl nicht drumrum kommen, zwei Texte/Links auszugeben und dort dann jeweils einen <span> Tag drumrum zu setzen.

<li><span class="Red"><%: Html.ActionLink("START", "Start", "Home")%></span><span class="Green"><%: Html.ActionLink("Seite", "Start", "Home")%></span></li>

Die CSS Klassen Green und Red musst Du dir dann natürlich noch erstellen.

---

Gruß, Stefan
Microsoft MVP - Visual Developer ASP/ASP.NET
http://www.asp-solutions.de/ - Consulting, Development
http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community