• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Ersten Buchstaben eines Absatzes...

*Ela*

*Ela*

New member
Hi zusammen,

ich würde gerne den ersten Buchstaben eines Absatz´ in bold und mit größerer schrift darstellen.

Hatte zunächst folgendes in die css Datei geschrieben:
Code: 
p:first-letter{
font-size:24px;
 p { font:12pt/14pt }

Damit hatte ich aber auch wirklich bei jedem noch so kleinen Absatz den ersten Buchstaben fett und groß, ws nicht so ratsam ist.

Wollte es dann ungefähr so ausprobieren: CSS= #text1{font: bold 14pt;} und in der html Datei so ausgeben: <p id="Text1">hier dann der text</p>
Funzt leider nicht bzw habe ich dann "first letter" noch nicht untergebracht.

Hat jemand eine Lösung für mich?

Und wenn wir schon dabei sind:
Kann man es auch in der css Datei festlegen, dass in einem bestimmten Satz immer der Anfangsbuchstabe jedes Wortes größer geschrieben wird?
Habe auf selfhtml natürlich schon gesucht...leider komm ich so nicht weiter.

Freu mich auf eure Tips und hoffe, mein Anliegen ist nicht zu wirr :)
 
Hi,
p:first-letter besagt ja, dass bei jedem p der erste Letter groß ist.
Das ist dann halt immer so. Ist nicht zu umgehen, außer natürlich mit verschiedenen id's,
wie Du es ja auch schon richtig erkannt hast.

Dein anderer "Wunsch" ist nur zu verständlich,
denn (so ein Zufall), ich habe heute auch nach solch einer Möglichkeit geforscht.
Scheint nur mit CSS nicht möglich zu sein.
Bin aber noch am tüfteln, habe aber Bedenken, das es klappt.
 
würdest du bescheid geben, falls du eine Lösung dafür hast? :D

Denn ständig für die Anfangsbuchstaben mit <b> und </b> zu arbeiten ist auch blöd....
 
In der Zwischenzeit kannst Du Dir ja die Langeweile damit vertreiben:
http://www.w3.org/TR/REC-CSS2/selector.html#first-letter

Ich glaube, für das Problem sollte mal die JS-Fraktion Stellung nehmen.
Wenn man hier im Forum nach einem bestimmten Begriff sucht,
dann ist dieser in den Ergebnissen immer mit background-color dargestellt.
Daraus müsste man doch was machen können.


Nachtrag:
Inzwischen bin ich an diesen Snippets hängen geblieben:
Code: 
p.special:before {content: "Page"}
p.special:first-letter {color: #ff0000}
Hier soll dann, laut REC-CSS2 der erste Letter des Wortes "Page" rot dargestellt werden.
Scheint aber von den Browsern nicht interpretiert zu werden.
Der IE reagiert gar nicht,
der Moz fügt lediglich das komplette "Page" an den Anfang und färbt auch nix ein..
 
Zuletzt bearbeitet:
*lol*

also bevor ich dieses hier:
Code: 
<P>
<P:first-line>
<P:first-letter>
D
</P:first-letter>as ist ein Test
</P:first-line>

</P>

jedesmal schreibe, hab ich doch dreimal schneller nen <b></b> gesetzt ...

Tz da heisst es, weiter rumprobieren...
 
Hi dkdenz

sage mal, hast du schon eine Lösung für das "jeden 1.Buchstaben eines Wortes im Satz fett und größer darstellen"
Ich komme da leider nicht weiter... :(
 
Äääähm...
ja, habe was gutes gefunden.
War nur so blöd, es nicht meinen Favoriten hinzuzufügen.
Wart' mal, ich suche...
 
Naja herzlichen Dank, aber das gibt ja jeweils nur den ersten Buchstaben eines Satzes aus.
Ist nicht ganz das, was ich suche, aber vielleicht kann man daran feilen.... :D
 
Das wird nix mit Feilen.

Alternative:
http://forum.jswelt.de/showthread.php?t=19046

Da musst Du dann für jeden Satz (p, h1...)eine Klasse oder ID machen.
Jedesmal ein display:inline; dazu schreiben und schon geht's.

Ist allerdings viel Schreibkram und wird,
bei viel Text, etwas unübersichtlich werden.

Wenn Du z.B. schreiben willst:
Das Auto ist aber schön!
dann darfst Du nur schreiben:
Auto ist aber schön!
In das CSS des p, h1... schreibst Du dann:
content:"Das ";

Aber ob das die Mühe wert ist...?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben