Supportnet / Forum / Webseiten/HTML
CSS:erster Buchstabe von jedem Wort groß
Frage
Hi!
Ich möchte, dass - mittels CSS - jedes Wort in einem Div-tag mit einem großen Buchstaben beginnt.
Für jeden Absatz kenne ich die pseudo class :first-letter, aber die gilt immer nur für den ersten Buchstaben im Tag.
Um das Problem zu lösen habe ich jetzt jedes Wort (waren zum Glück nicht zu viele) in ein Feld einer Tabelle gepackt und jedes Feld mit einer CSS Class versehen, welches die Pseudo Class nutzt.
Das ist aber schlechter Stil, finde ich.
Gibt´s da nicht eine schöne Lösung?
Antwort 1 von hendrikw
Versuchs mal mit:
"text-transform:capitalize"
(Quelle: SelfHTML)
mfg
Hendrik
"text-transform:capitalize"
(Quelle: SelfHTML)
mfg
Hendrik
Antwort 2 von eggneck
Hi!
Es gibt da wohl die Möglichkeit <span style="text-transform:capitalize"> Ob das im div-Tag auch geht, weiß ich nicht. capitalize = Wortanfänge mit Großbuchstaben.
Der große Nachteil: Läuft nicht im IE!
Greetings
eggneck
Es gibt da wohl die Möglichkeit <span style="text-transform:capitalize"> Ob das im div-Tag auch geht, weiß ich nicht. capitalize = Wortanfänge mit Großbuchstaben.
Der große Nachteil: Läuft nicht im IE!
Greetings
eggneck
Antwort 3 von rfb
Zitat:
Das ist aber schlechter Stil, finde ich.
ich auch.Das ist aber schlechter Stil, finde ich.
etwas besser empfinde ich die Möglichkeit, einfach das jeweils 1. Zeichen in ein span zu setzen und diesem die entsprechende Formatierung zuzuweisen.
Zitat:
mit einem großen Buchstaben
könntest du natürlich auch einfach die Worte im Klartext beginnen.mit einem großen Buchstaben
Antwort 4 von eggneck
hendrikw war schneller als ich :-)
Antwort 5 von Xavier
Sorry, hab bei der Beschreibung Fehler gemacht:
Ich möchte den ersten Buchstaben von jedem Wort viel größer machen als den Rest. Großgeschrieben werden sollen alle Buchstaben, aber die ersten Buchstaben sollen z.B. 26px groß sein, der Rest nur 20px. Daher die extra Pseudo Klasse...
Trotzdem Danke!
Ich möchte den ersten Buchstaben von jedem Wort viel größer machen als den Rest. Großgeschrieben werden sollen alle Buchstaben, aber die ersten Buchstaben sollen z.B. 26px groß sein, der Rest nur 20px. Daher die extra Pseudo Klasse...
Trotzdem Danke!
Antwort 6 von rfb
super Lösung von eggneck und: sie läuft doch im IE (gerade ausprobiert)
Antwort 7 von Xavier
Also bisher habe ich folgendes:
.namen{
font-family: Verdana, Arial,sans-serif;
font-size: 17pt;
text-transform: uppercase;
}
.namen:first-letter{
font-size:24pt;
}
das benutze ich in einer Tabelle:
<table align="center">
<tr>
<td class="namen">Vorname</td>
<td class="namen">Nachname</td>
</tr>
</table>
So soll´s aussehen, aber der Stil ist #*!$´#!!!
.namen{
font-family: Verdana, Arial,sans-serif;
font-size: 17pt;
text-transform: uppercase;
}
.namen:first-letter{
font-size:24pt;
}
das benutze ich in einer Tabelle:
<table align="center">
<tr>
<td class="namen">Vorname</td>
<td class="namen">Nachname</td>
</tr>
</table>
So soll´s aussehen, aber der Stil ist #*!$´#!!!
Antwort 8 von eggneck
@ rfb: Auch auf Herrn Münz kann man sich nicht mehr verlassen ;-)
Antwort 9 von abschweb
Hallo Xavier,
du willst doch eigentlch Kapitälchen!
Dann mach doch einfach Kapitälchen.
CSS bietet dafür:
Das ist sauber, das ist elegent.
Ich habe es gerade in IE und Firefox getestet.
Gruß
Manfred
du willst doch eigentlch Kapitälchen!
Dann mach doch einfach Kapitälchen.
CSS bietet dafür:
font-variant:small-caps
Das ist sauber, das ist elegent.
Ich habe es gerade in IE und Firefox getestet.
Gruß
Manfred
Antwort 10 von Xavier
Super, so habe ich mir das vorgestellt!
Vielen Dank!
Vielen Dank!