Autor |
Nachricht |
samuk
Threadersteller
Dabei seit: 01.06.2006
Ort: Upper-Eastside Helvetia
Alter: 48
Geschlecht:
|
Verfasst Mi 04.03.2009 20:45
Titel CSS - Markierter Text |
|
|
Hi ihr
Weiss jemand von eucht, wie der CSS-Tag aussieht, der den Text "markiert" aussehen lässt?
Es handelt sich nicht einfach um folgenden:
background-color: #000000;
Das Problem bei dem ist, dass der ja das Textfeld einfärbt, und bei einem Textumbruch einfach
bis zum Tabellenrand weitergeht.
Es sollte eigentlich so aussehen:
Besten dank für Postings!
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 04.03.2009 20:49
Titel
|
|
|
Das ist noch nicht als CSS Standard durch. Also es funktioniert unter Safari und Firefox, alle anderen von mir ungetestet:
Code: | ::selection {
background: #444; /* Safari */
color: #fff;
}
::-moz-selection {
background: #444; /* Firefox */
color: #fff;
} |
|
|
|
|
|
Anzeige
|
|
|
samuk
Threadersteller
Dabei seit: 01.06.2006
Ort: Upper-Eastside Helvetia
Alter: 48
Geschlecht:
|
Verfasst Mi 04.03.2009 20:58
Titel
|
|
|
Smooth-Graphics hat geschrieben: | Das ist noch nicht als CSS Standard durch. Also es funktioniert unter Safari und Firefox, alle anderen von mir ungetestet:
Code: | ::selection {
background: #444; /* Safari */
color: #fff;
}
::-moz-selection {
background: #444; /* Firefox */
color: #fff;
} |
|
He Danke für die schnelle Antwort.
Dann habe ich also vergebens danach gesucht.
Ich gebe dir das also zur Programmierung und Standardisierung weiter
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 04.03.2009 21:10
Titel
|
|
|
Alternativ würde es eventuell mit Javascript funktionieren:
Code: |
document.selection.createRange(); //InternetExplorer
window.getSelection(); //W3C Standard |
|
|
|
|
|
samuk
Threadersteller
Dabei seit: 01.06.2006
Ort: Upper-Eastside Helvetia
Alter: 48
Geschlecht:
|
Verfasst Mi 04.03.2009 21:48
Titel
|
|
|
he danke nochmals.
werde es morgen mal ausprobieren.
|
|
|
|
|
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht:
|
Verfasst Mi 04.03.2009 22:10
Titel
|
|
|
ich denke eher, du willst den text in ein span setzen und diesem dann ein background setzen... der text soll ja auch ohne user aktion "markiert" sein. oder?
edit:
bzw semantisch besser wäre ein <em> anstelle des <span> - funktioniert genau so.
Zuletzt bearbeitet von remote am Mi 04.03.2009 22:12, insgesamt 1-mal bearbeitet
|
|
|
|
|
samuk
Threadersteller
Dabei seit: 01.06.2006
Ort: Upper-Eastside Helvetia
Alter: 48
Geschlecht:
|
Verfasst Mi 04.03.2009 22:27
Titel
|
|
|
remote hat geschrieben: | ich denke eher, du willst den text in ein span setzen und diesem dann ein background setzen... der text soll ja auch ohne user aktion "markiert" sein. oder?
edit:
bzw semantisch besser wäre ein <em> anstelle des <span> - funktioniert genau so. |
ja das sollte ohne useraction schon so sein.
betr. <em> ehm. hast du ein beispiel dazu?
weiss nicht genau, was du meinst.
*EDIT: HIER schauts in der navi so aus, wie ichs gern hätte.
hier natürlich mit user aktion!
Zuletzt bearbeitet von samuk am Mi 04.03.2009 22:32, insgesamt 1-mal bearbeitet
|
|
|
|
|
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht:
|
Verfasst Mi 04.03.2009 22:48
Titel
|
|
|
samuk hat geschrieben: | remote hat geschrieben: | ich denke eher, du willst den text in ein span setzen und diesem dann ein background setzen... der text soll ja auch ohne user aktion "markiert" sein. oder?
edit:
bzw semantisch besser wäre ein <em> anstelle des <span> - funktioniert genau so. |
ja das sollte ohne useraction schon so sein.
betr. <em> ehm. hast du ein beispiel dazu?
weiss nicht genau, was du meinst.
*EDIT: HIER schauts in der navi so aus, wie ichs gern hätte.
hier natürlich mit user aktion! |
<em> ist wie <span> oder z.B. <strong> ein inline element und steht für "emphasis" (auszeichnung/hervorhebung). Platt gesagt: <em> ist das zeitgemäße <i>.
Wenn Du das background hingegen auf ein block element anwendest (z.B. <div> oder <p>) wird natürlich der gesamte "container" eingefärbt. Probiers aus bevor Du da weiter nachhakst - ist ziemlich banal das ganze
|
|
|
|
|
|
|
|
Ähnliche Themen |
Schriften gelöscht - Excel/Word Text Text nicht angezeigt
Indesign Text vektorisieren oder Text einbetten
Dreamwaever MX 2004 7.0.1: Text als Text einfügen
Text in Text formatieren
cz/pl text ins web
Homepage text
|
|