<li>/</li>-Befehl wird unterschiedlich interpretiert...

schlunki

Habe in meinem Blog das Problem, dass der <li>/</li>-Befehl unterschiedlich interpretiert wird.

Konkret: Absätze, die ich auf diese Art und Weise definiere, erscheinen im Blog-Hauptfenster in kleinerer Schrift...Beispiel: Daniel en blog (ganz oben: "Tricks für ...").

Wenn die entsprechenden Beiträge einzeln aufgerufen werden, ist die Schriftgröße normal...Beispiel: Daniel en blog » Blog Archive » Tricks fÃ¼r den Mac-Alltag IV

Würde das gerne ändern...aber wie?! An welchem Template sollte ich da basteln?!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Putzlowitsch

In Deiner style.css ist für Listenelemente innerhalb der Klasse entry die Schriftgröße mit 1.1em festgelegt.
Auf der einzelnen Beitragsseite gibt es aber diese Klasse (ein entsprechendes DIV) nicht, so das dort die Formatierung nicht greift.

Wies soll es denn nun aussehen, so wie auf der Startseite, oder wie auf der Beitragsseite?

Gruß
Ingo

Doc

... und im IE siehts auch immer noch mal anders aus :-)

Deshalb in der CSS bei den Listen stets mit:

margin:0;
padding:0;

anfangen und dann lansgam an die richtigen Einstellungen herantasten. Gilt natürlich auch für die "div layer ul" bzw. "div layer ul li" Anweisung, insofern Du wert auf validen Code legst.

Doc

schlunki

Zitat von Putzlowitsch

In Deiner style.css ist für Listenelemente innerhalb der Klasse entry die Schriftgröße mit 1.1em festgelegt.
Auf der einzelnen Beitragsseite gibt es aber diese Klasse (ein entsprechendes DIV) nicht, so das dort die Formatierung nicht greift.
Wies soll es denn nun aussehen, so wie auf der Startseite, oder wie auf der Beitragsseite?
Gruß
Ingo

Hmm...das Design der Beitragsseite (große Schrift) auch auf der Startseite zu haben...das wäre cool! Muss ich also den 1.1em-Befehl in der style.css einfach löschen?!

Putzlowitsch

Zitat von D-S

H...Muss ich also den 1.1em-Befehl in der style.css einfach löschen?!

Ja, denke schon. Probiers aus :-)

Gruß
Ingo

schlunki

...danke für alle Tipps! :-)

Hab jetzt ein bisschen rumgebastelt - und unter .entry li dasselbe eingetragen wie für "normale" Absätze auf der Hauptseite. Prompt stimmen Schriftgröße und Zeilenabstand.

...allerdings gibt´s ein neues Problem: Der auf den ersten <li>-Absatz folgende Absatz (der auch noch eingerückt sein soll) hat eine neue - viel zu große... - Schriftgröße... Weiß jemand, woran das liegt...und wie es sich ändern lässt?!

Doc

Dann musst Du bei .entry natürlich auch diese Angaben machen :-)

schlunki

Zitat von Doc

Dann musst Du bei .entry natürlich auch diese Angaben machen :-)

Hmm...alles, was ich habe, ist folgender Eintrag:

.entry p, .entrytext ...

...und die Angaben dort habe ich eben schon für den Eintrag .entry li verwendet. Außerdem stimmt die Schriftgröße ja ganz am Anfang - nur eben zwischen den Spiegelstrichen nicht...

Doc

Du kannst JEDEM CS eine eigene Schriftart geben, wenn Du magst. Aber .entry p
gilt eben nur für alles innherhalb des Layers entry UND innerhalb eines Absatzes! Also? Gib .entry und entry p die gleichen font styles wie entry li!

Doc

P.S. übrigens nette Tel-Spam Story auf Deinem Blog!

schlunki

...sorry, dass das so kompliziert ist... :-/

Einen reinen Eintrag .entry hatte ich bisher nicht. Als ich den eingerichtet habe (unmittelbar vor .entry p, .entrytext), war plötzlich ALLES riesengroß - und besagte Passage noch größer... Sehr seltsam.

Hab mir jetzt erst mal geholfen, indem ich den <li>-Tag schon vor besagtem Absatz wieder geschlossen habe. Was aber eigentlich doof ist, da der Inhalt ja noch zum Spiegelstrich gehört...und überhaupt will ich wissen, woran das liegt...

Erst mal gute Nacht!

Daniel

Doc

Das ist doch nur ne kleine CSS Sache. Poste mal Deine index.php (für die divs) und Deine Css Datei. Dann sehen wir weiter :-)

Gute Nacht. Ich sitze immer noch an meiner Diplo und kann nicht schlafen :-(

Monika

einmal hast du

Code

.entry li {


	font-family: Georgia, serif;


	font-size: 1.2em;


	line-height: 1.5em;


	text-align: left;




	}

Alles anzeigen

wird ein ganzer Beitrag angezeigt gibt es kein

.entry , sondern nur

.entrytext

probiere folgendes

Code

.entrytext li,


.entry li {


	font-family: Georgia, serif;


	font-size: 1.2em;


	line-height: 1.5em;


	text-align: left;




	}

Alles anzeigen

und überall wo steht

diese em sind relative Angaben

die prinzipielle Schriftgröße von

entrytext wird hier definiert

Code

.entry p, .entrytext {


	font-family: Georgia, serif;


	font-size: 1.2em;


	line-height: 1.5em;


	text-align: left;


	}

Alles anzeigen

diese Angaben mit widecolumn vorne dran sind irgendwie nutzlos weil du kein
widecolumn entryhast, sondern widecolumn .entrytext

Code

.widecolumn .entry p {


	font-size: 1.3em;


	}






.narrowcolumn .entry, .widecolumn .entry {


	line-height: 1.4em;


	}

Alles anzeigen

da hat der Gestalter des Themes einfach nicht aufgepasst, passiert schon mal,

magst du immer gleich aussehende li /li haben , musst du dies auch noch alles mit

entrytext tippseln,

also einfach kopieren und das wort entry auf entrytext ändern,

dann könnt es klappen-hoff ich

Code

html>body .entry li {


	margin: 7px 0 8px 10px;


	}






.entry ol {


	padding: 0 0 0 35px;


	margin: 0;


	}






.entry ol li {


	margin: 0;


	padding: 0;


	}


	


.entry li {


	font-family: Georgia, serif;


	font-size: 1.2em;


	line-height: 1.5em;


	text-align: left;


	}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

<li>/</li>-Befehl wird unterschiedlich interpretiert...

Jetzt mitmachen!