schriftgröße und farbe innerhalb eines a tag weseln

[Picco]

hallo,

also es sieht so aus:

<a [...]>Blubb (alles samt den Klammern kleiner und in grau)</a>

ich habe 3 Lösungen gefunden.

1. die klammern in ein <span> mit einer entsprechenden class packen
2. die klammern in ein <p> mit einer entsprechenden class packen
3. die klammern in ein <label> mit einer entsprechenden class packen

nun möchte ich wissen:
welches ist die "sauberste" Lösung? oder gibt es da noch eine "schönere" Lösung?

Bitte keine Lösungen mit js und schon mal danke fürs lesen :)

 

[prm]

Wenn das für alle Links einheitlich sein soll, dann formatierst du am besten die Links direkt.
Z.B.

a:link {color: blue;}
a:hover {color: red;}

Willst du je Link unterschiedliche angaben, dann verwende Klassen: Links unterschiedlich gestalten

 

[Picco]

ich beführchte ich habe mich unklar ausgedrückt

es geht darum einen link ab der klammer eine neue klasse zu verpassen und alles was davor ist mit einer anderen klasse anzeigen zu lassen.

ich finde dafür viele lösungen möchte aber wissen welche die sauberste ist

 

[sysop]

<a href="test">
<span class="eins">tra</span><span class="zwei">lala</span>
</a>

 

[Picco]

ist das die sauberste Lösung?

naja dann danke :)

 

[neuroleptika]

Die Klassen sind erst einmal nicht nötig.

<a href="test">Lorem <span>(ipsum)</span></a>

css:

a {
color: blue;
}
a span {
color: gray;
font-size: .8em
}

 

[Picco]

nett gemeint das du mir das so erklärst ist aber nicht nötig
ich baue grade mal wieder an einer homepage mit allem drumm und drann.
admin oberfläche
selbst generierender navi
automatischem nuews ticker und neustembeitrags bereich


Picco - Startseite

ist noch nicht fertig kannst aber schon mal gucken mit einmal alle a span einfärben währe das wohl keine so gute aktion :)
aber trozdem danke schön das du dich so bemühst

 

[neuroleptika]

Natürlich nicht alle a span.
Du kannst und solltest die id oder klasse des nächsten, geeigneten Elternelementes benutzen.

 

[sysop]

nun, ich habe es so verstanden, dass du den link-text, der in klammern steht, anders definieren willst als den restlichen linktext, dann würde ich sagen, ja, das ist deine lösung. sollte ich dich falsch verstanden haben, dann wohl nicht.

dass du die klassen natürlich auch anderweitig verwenden kannst ist hoffentlich klar.

zum nachlesen ist eventuell das was für dich.
Deklaration eigene Klassen span class Beispiele für Textformatierung mit CSS

 

[Picco]

das brauch ich alles nicht ich weiß wie und ich weiß was ich wollte nur wissen welches die syntaktisch korregteste Lösung ist.

Antwort:
Span benutzen

mehr wollte ich wirklich nicht aber es ist schön das man mir hier alles bis ins kleinste detail erklären würde wenn ich es noch lernen müsste :)

 

[sysop]

sorry, aber ich nochmal.

<P> begründet einen absatz. ich bezweifle, dass du deinen link in absätze unterteilen willst.

<label> wird normalerweise benutzt, um logische bezüge zwischen formular elementen zu setzen, auch das ist wahrscheinlich nicht das, was du in deinem link machen willst.

<span> ist also die eigentlich richtige lösung um formatierungen in einem zusammengehörigen text zu setzen, da es keine eigenen eigenschaften besitzt und von html ignoriert wird.

ich hoffe, das war nun das, was du gesucht hast.