Frage <mark> wie echten Marker aussehne lassen?

[torento]

Hall zusammen,

ich hoffe mir kann einer von euch helfen.
Auf meiner Webseite highlighte ich Text mit <mark>. Das sieht schon ganz gut aus, allerdings hätte ich gerne die "echte" Markeroptik!
Kann mir wer sagen ob es die Möglichkeit gibt die enden der markierung "unordentlich" aussehen zu lassen...
So in etwa (siehe Bild)...

Vielen Dank und liebe Grüße,

Torento

 

[Space Vampire]

Du kannst statt mark auch span benutzen und diesem eine Hintergrundgrafik zuweisen, die wie ein Markerstrich aussieht. Mit background-size: cover; füllt es immer das gesamte span aus, sodass du nur eine Grafik bestimmen musst, die dann entweder gestaucht oder gestretcht wird. Sollte zumindest theoretisch so funktionieren. Mit Inline-Elementen habe ich das noch nicht probiert.

 

[Space Vampire]

Funktioniert und könnte etwa so aussehen http://www.space-vampire.de/main/test.html
Kommt natürlich dann auf die Hintergrundgrafik an.
Bei Zeilenumbrüchen gibt's natürlich einen geraden Übergang

 

[thecain]

span ist doch ein inline element

 

[Space Vampire]

span ist doch ein inline element

habe ich etwas anderes behauptet?

Sollte zumindest theoretisch so funktionieren. Mit Inline-Elementen habe ich das noch nicht probiert.

Nein hab ich nicht :)

 

[djheke]

Sollte doch auch mit <mark> funktionieren.

 

[thecain]

habe ich etwas anderes behauptet?

Nein hab ich nicht :)

Dann habe ich dich falsch verstanden.

Meine Annahme war:
Ich habe verstanden, dass du es mit inline elementen noch nicht versucht hast. + Ich habe dein Beispiel gesehen das aus spans basiert.
=> du denkst span ist kein Inline Element

 

[Space Vampire]

Hab mir schon gedacht, was du gedacht hast, deswegen habe ich mich auch selber so zitiert, damit der Zusammenhang besser verständlich ist.

 

[torento]

Hey Leute!
Danke für eure schnelle hilfe!!! :)
Problem gelöst!