mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 20:39 Benutzername: Passwort: Auto-Login

Thema: CSS - Markierter Text vom 04.03.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> CSS - Markierter Text
Seite: 1, 2  Weiter
Autor Nachricht
samuk
Threadersteller

Dabei seit: 01.06.2006
Ort: Upper-Eastside Helvetia
Alter: 48
Geschlecht: Männlich
Verfasst Mi 04.03.2009 20:45
Titel

CSS - Markierter Text

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 04.03.2009 20:49
Titel

Antworten mit Zitat Zum Seitenanfang

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;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
samuk
Threadersteller

Dabei seit: 01.06.2006
Ort: Upper-Eastside Helvetia
Alter: 48
Geschlecht: Männlich
Verfasst Mi 04.03.2009 20:58
Titel

Antworten mit Zitat Zum Seitenanfang

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 Grins
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 04.03.2009 21:10
Titel

Antworten mit Zitat Zum Seitenanfang

Alternativ würde es eventuell mit Javascript funktionieren:
Code:

document.selection.createRange(); //InternetExplorer

window.getSelection(); //W3C Standard
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
samuk
Threadersteller

Dabei seit: 01.06.2006
Ort: Upper-Eastside Helvetia
Alter: 48
Geschlecht: Männlich
Verfasst Mi 04.03.2009 21:48
Titel

Antworten mit Zitat Zum Seitenanfang

he danke nochmals. *Thumbs up!*
werde es morgen mal ausprobieren.
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht: Männlich
Verfasst Mi 04.03.2009 22:10
Titel

Antworten mit Zitat Zum Seitenanfang

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? * Keine Ahnung... *

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
  View user's profile Private Nachricht senden
samuk
Threadersteller

Dabei seit: 01.06.2006
Ort: Upper-Eastside Helvetia
Alter: 48
Geschlecht: Männlich
Verfasst Mi 04.03.2009 22:27
Titel

Antworten mit Zitat Zum Seitenanfang

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? * Keine Ahnung... *

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
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht: Männlich
Verfasst Mi 04.03.2009 22:48
Titel

Antworten mit Zitat Zum Seitenanfang

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? * Keine Ahnung... *

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 Lächel
  View user's profile Private Nachricht senden
 
Ä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
PHP Text aufsplitten
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.