Buchstabe formatieren mit CSS innerhalb DIV

Buchstabe formatieren mit CSS innerhalb DIV

Beitragvon markCH » 21.01.2010, 10:23

Guten Tag zusammen
Ich möchte den ersten Buchstaben in roter Farbe. Versucht habe ich auf verschiedene Arten mit SPAN und FIRST-LETTER. Entweder wird das Wort rot oder schwarz dargestellt. So wie oben wird das Wort "Building" rot angezeigt.
Verwende UltraEdit und InternetExplorer 6.0.
In css-Datei:
#title {
clear:both;
color: #FF0000;
background-color:#FFFFFF;
font-size:300%;
font-weight:;
padding:0px 40px 0px 0px;
margin-bottom:10px;
float:right;
}
In html-Datei
<div id="title">Building</div>
markCH
neu hier
 
Beiträge: 2
Registriert: 21.01.2010, 09:53

Re: Buchstabe formatieren mit CSS innerhalb DIV

Beitragvon Laus » 21.01.2010, 11:06

Hallo

Setze das Wort nicht in ein Div sondern formatiere deinen Text normal mit Absätzen also <p> und benutze dann :first-letter dann klaps auch.

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Re: Buchstabe formatieren mit CSS innerhalb DIV

Beitragvon sejuma » 21.01.2010, 11:50

Vielleicht auch noch interessant: http://www.ohne-css.gehts-gar.net/0036.php
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: Buchstabe formatieren mit CSS innerhalb DIV

Beitragvon markCH » 22.01.2010, 18:41

Hallo
Ich habe es nochmals wie anfangs probiert:
#title {
clear:both;
color: #000000;
background-color:#FFFFFF;
font-size:300%;
font-weight:;
padding:0px 40px 0px 0px;
margin-bottom:10px;
float:right;
}
#title:first-letter {
color: #FF0000;
}
<div id="title">Building</div>
Aber diesmal mit einem Leerschlag zwischen -letter und geschweifter Klammer. Hat funktioniert. Eure Vorschläge werde ich trotzdem noch probieren. Vielen Dank für Eure Arbeit!
markCH
neu hier
 
Beiträge: 2
Registriert: 21.01.2010, 09:53


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Buchstabe formatieren mit CSS innerhalb DIV"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: Google [Bot] und 5 Gäste