| Autor |
Nachricht |
TOMillr
Threadersteller
Dabei seit: 21.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 28.04.2008 13:43
Titel
|
  |
|
| m hat geschrieben: |
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
body {
font-family: Arial;
}
p:first-letter {
float: left;
font-size: 3em;
padding: 0.1em 0.1em 0 0;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet</p>
</body>
</html> |
|
Ah prima, das sieht meinem Beispiel dann doch schon ähnlicher. Wie sieht es denn dann mit den HTML Tag aus, die der Editor mit in den Code einfügt? Wir auch wirklich nur der erste Buchstabe des eigentlichen Fließtextes vergrößert?
EDIT: Noch eine Frage dazu! Wenn ich den Code richtig verstanden habe, wird der erste Buchstabe eines mit <p> angführten Paragraphen vergrößert. Was passiert denn, wenn der Editor mehrere Absätze mit <p> eingefügt hat?! Wird dann jeweils von jedem Paragraphen der erste Buchstabe vergrößert? Wenn ja, was macht man dagegen?
Zuletzt bearbeitet von TOMillr am Mo 28.04.2008 13:51, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Mo 28.04.2008 13:45
Titel
|
|
|
Ja, :first-letter bezieht sich auch wirklich nur auf den ersten Buchstaben. 
|
|
| |
 |
|
|
Anzeige
|
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Mo 28.04.2008 15:37
Titel
|
|
|
Vielleicht ist es Sinnvoll nicht unbedingt ein simplen p tag zunehmen.
Vieleicht solltest du das ganze in der richtigen nen Inhalt div packen und das dann
| Code: |
.inhalt p:first-letter {bla}
|
oder ähnlich lösen. Nich das außerhalb des contents auf einmal ein ungewollte Initiale entsteht:p
|
|
| |
|
|
TOMillr
Threadersteller
Dabei seit: 21.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 28.04.2008 16:39
Titel
|
|
|
| Mark-Korb hat geschrieben: | Vielleicht ist es Sinnvoll nicht unbedingt ein simplen p tag zunehmen.
Vieleicht solltest du das ganze in der richtigen nen Inhalt div packen und das dann
| Code: |
.inhalt p:first-letter {bla}
|
oder ähnlich lösen. Nich das außerhalb des contents auf einmal ein ungewollte Initiale entsteht:p |
Genau darauf bezog sich vorhin auch meine Frage, ob dann nicht plötzlich jeder Paragraph durch solch eine Initiale eingeleitet wird! Wie kann ich das denn dann umsetzen, damit dann die Leute einfach nur im Editor des CMS den Text eingeben müssen und die Formatierung dann automatisch erfolgt?
Auf dieser Seite gibt es ein Beispiel, das ebenfalls diesen first-letter Befehl verwendet:
CSS Drop Caps
EDIT: Habe es mal ausprobiert und nun erscheinen wirklich mehrere Inititale an verschiedensten Stellen auf der Seite  Besteht nicht einfach die Möglichkeit, diese "Ersetzungsregel" vom Anfang so anzupassen, dass auch dort nur der erste Buchstabe beeinflußt und die HTML Tags übergangen werden?
Zuletzt bearbeitet von TOMillr am Mo 28.04.2008 16:51, insgesamt 2-mal bearbeitet
|
|
| |
|
|
TOMillr
Threadersteller
Dabei seit: 21.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 29.04.2008 10:11
Titel
|
|
|
| Mark-Korb hat geschrieben: | Vielleicht ist es Sinnvoll nicht unbedingt ein simplen p tag zunehmen.
Vieleicht solltest du das ganze in der richtigen nen Inhalt div packen und das dann
| Code: |
.inhalt p:first-letter {bla}
|
oder ähnlich lösen. Nich das außerhalb des contents auf einmal ein ungewollte Initiale entsteht:p |
Wie implementiere ich das dann so, dass es auch wirklich nur auf den durch $content eingefügten Inhalt angewandt wird?
|
|
| |
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
| |
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Di 29.04.2008 11:58
Titel
|
|
|
Also für den Fall würde meine Methode dann auch wieder mehr Sinn machen 
Wenn du weißt dass bei jedem $content am anfang ein <p> ist und am ende ein </p> steht... dann könnte
es so hinhauen.
| Code: |
$string = "<p>So und so weiter</p><p>Das hier wird dann nicht mehr ersetzt</p>";
$suchmuster = "/<p>(.)(.*)<\/p>/im";
$ersetzung = "<span style=\"float:left;color:silver;font-size:100px;line-height:70px;padding-top:2px;font-family: times;\">$1</span>$2";
$ausgabe = preg_replace($suchmuster, $ersetzung, $string);
echo $ausgabe;
|
Gruß
Zuletzt bearbeitet von Snifferdog am Di 29.04.2008 12:59, insgesamt 2-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Content Editing, statt Content Management
Text in Form einpassen
Acrobat DC Pro Text einpassen
Corel X3 Text in Kreis einpassen
Problem mit Stylesheet
print stylesheet
|
|
Willkommen auf dem Portal für Mediengestalter
