zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Texte (bzw. Wörter) farbig hinterlegen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.08.2010, 14:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2010
Beiträge: 2
jushi befindet sich auf einem aufstrebenden Ast
Standard Texte (bzw. Wörter) farbig hinterlegen

Hallo,

ich habe folgende Frage, die sicherlich für den ein oder anderen Könner (ich bin leider keiner) leicht zu beantworten ist:

Ich möchte einen Textblock farbig hinterlegen und zwar so, dass nur der wirklich dort stehende Text farbig hinterlegt ist und nicht der ganze Block. Der farbige (Text)Hintergrund soll sich sozusagen an die Länge des Texts anpassen.

Bisher habe ich versucht die Aufgabe folgendermaßen zu lösen:

Code:
{
padding: 5px;
color: black;
background-color: white;
}
Hierbei ist der Text schwarz, der Hintergrund weiß (wie es sein soll). Allerdings geht der weiße Hintergrund über den eigentlichen Text hinaus, nämlich auf die volle Breite des Elements (heißt das so? Ich bin kein Profi…), das den Text beinhaltet.

Wie kann ich die Hintergrundfarbe so definieren, dass wirklich NUR der Text (die einzelnen Wörter) farbig hinterlegt ist und nicht ein ganzer weißer Block entsteht? Im html direkt auf der Seite kann ich es nicht einbauen, da der Text aus einem Feed dynamisch generiert wird.

Ich freue mich über Anregungen.

Vielen Dank,

Jushi
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.08.2010, 14:31
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ein Element auf inline-Level (inline-block nur bedingt) muss den Text umgeben.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.08.2010, 14:32
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

wickel den Text in ein span, gib dem ne Klasse und derselben über CSS eine HG-Farbe bzw. Textfarbe.

edit. wieder zu langsam!
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #4 (permalink)  
Alt 19.08.2010, 14:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2010
Beiträge: 2
jushi befindet sich auf einem aufstrebenden Ast
Standard

Entschuldigt die blöde Frage, aber: wie mach ich das?

Die Quelle des Texts ist ein (javascript)-Feed, der allerdings auch Bilder enthält. Wenn ich den ganzen Feed in ein span einbinde, wird auch wieder mehr als nur der bloße Text farbig. Ich muss ja irgendwie definieren, dass der farbige Hintergrund wirklich NUR den Text (in seiner individuellen, aktuellen Länge) betreffen soll.

Das sähe dann folgendermaßen aus:

Code:
<span class="weissertextblock"><script type="text/javascript" src="http://xxxxxx/js"></script></span>
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus



Alle Zeitangaben in WEZ +2. Es ist jetzt 14:02 Uhr.