Erster Buchstabe größer (Absatzanfang) - Seite 2

mantiz · #11 (**permalink**) 26.02.2008, 11:58

Kein Problem.

Auch, wenn es Dir wahrscheinlich klar ist und das nur ein Versehen war, hier nochmal ne kurze Erklärung:
Mit dem vorher von Dir geposteten hast Du ja ein "p" innerhalb eines anderen Elementes mit der Klasse "letter" angesprochen, ist klar, dass das nicht auf ein "p" mit der Klasse "letter" passt.

ernani463 · #12 (**permalink**) 05.06.2008, 01:08

Zitat:

Zitat von mantiz

Kein Problem.

Auch, wenn es Dir wahrscheinlich klar ist und das nur ein Versehen war, hier nochmal ne kurze Erklärung:
Mit dem vorher von Dir geposteten hast Du ja ein "p" innerhalb eines anderen Elementes mit der Klasse "letter" angesprochen, ist klar, dass das nicht auf ein "p" mit der Klasse "letter" passt.

Ein p zu viel war meine Lösung, Danke. Die nächste dumme Frage treibt mich schon um, hat aber nichts mit diesem Problem zu tun. Ich werde sie frisch formulieren

RottenRoller · #13 (**permalink**) 05.06.2008, 06:57

guck mal hier:

Mandarin Design. Web and Blog Design and Development

da steht alles

ernani463 · #14 (**permalink**) 07.06.2008, 00:57

Herrlich anzusehen, macht richtig Laune, Danke für den Hinweis

ernani463 · #15 (**permalink**) 14.10.2008, 13:49

Diese Lösung bringt bei mir vortreffliche Großbuchstaben hervor:

p:first-letter {
font-size: 2em;
color: #ff0000;
float: left;
padding: 0 0.1em 0 0;
}

Nur habe ich leider Sektoren, wo ich keine Großbuchstaben brachen kann,
wie formuliere ich eine Ausnhameregel für eine box3, bzw. box4?

andir · #16 (**permalink**) 14.10.2008, 16:04

Genauso

Code:

.box3 p:first-letter, .box4 p:first-letter 
{ ... Anweisungen wieder zurücksetzen auf Normalwerte...}

Wenn deine boxen id's sind, eben mit der Raute davor.

ernani463 · #17 (**permalink**) 21.05.2009, 13:56

Zitat:

Zitat von andir

Genauso

Code:

.box3 p:first-letter, .box4 p:first-letter 
{ ... Anweisungen wieder zurücksetzen auf Normalwerte...}

Wenn deine boxen id's sind, eben mit der Raute davor.

Habe alle möglichen Varianten ausprobiert, kommen aber zu keinem Ergebnis.
Das hier war der ursprüngliche Text:

Code:

#boxcl {
         width: 100%;
         background: #FFFFFF;
         color: #0000FF;
         text-align: center;
         margin: 1em 1em .4em 0;
         padding: .1em;
}

 #boxcr {
            width: 100%;
            background: #FFFFFF;
            color: #ff0000;
            text-align: center;
            margin: 1em 1em 1em 0;
            padding: .1em;
   }

aber egal, ob ich

Code:

#boxcl p:first-letter, #boxcr p:first-letter 
{ ... Anweisungen wieder zurücksetzen auf Normalwerte...}

nun oben im Stylesheet unter die

Code:

p:first-letter {
	font-size: 2em;
	color: #ff0000;
	float: left;
	padding: 0 0.1em 0 0;	 
}
#boxcl p:first-letter, #boxcr p:first-letter;

setze oder die einzelnen Zeilen in #boxcl oder #boxcr einarbeite, nichts ändert sich. Vielleicht muss ich auf dieses reizvolle Element verzichten.
boxcl, bzw boxcr enthalten die Mannschaftsaufstellung der Heim- bzw. Gastmannschaft, Wappen links oder rechts, Aufstellung zentriert, der Großbuchstabe klebt regelmäßig links am Rand

Lena83 · #18 (**permalink**) 31.07.2009, 20:21

Zitat:

Zitat von RottenRoller

guck mal hier:

Mandarin Design. Web and Blog Design and Development

da steht alles

leider funktioniert die Seite nicht mehr. Wo gibt es denn etwas vergleichbares?

RottenRoller · #19 (**permalink**) 31.07.2009, 21:52

Hi Lena!

Hoffe die haben nur vorrübergehend Probleme. Hier ist der Code, den ich meinte:

Code:

<p><span style="float: left; font-size: 5.2em; line-height: 40px; padding-top: 8px; padding-right: 5px; font-family: times,sans-serif;">M</span>oderne Webseiten

Muss man noch an die entsprechende Schriftgröße/Lineheight anpassen, das ganze am besten auslagern und dann gut

Cheers!

Lena83 · #20 (**permalink**) 01.08.2009, 09:53

Danke schön!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
absolut pos. div größer als browser => IE scrollt nicht!	easore	CSS	4	07.02.2007 14:38
FF: Div wird größer und größer...	wuschba	CSS	2	13.11.2006 13:33
Zeilenabstand und ein grosser Buchstabe am Zeilenanfang IE Prob.	lci	CSS	5	27.10.2006 14:09
Der Verlorene Buchstabe!!!	DerPixler	(X)HTML	2	24.02.2006 11:21
Kapitel-Verweis - erster Buchstabe größer, andere Farbe	Heart	CSS	11	29.05.2005 20:28