Der Wahn mit dem Zeilenabstand

hydro

Ich bekomme mit dem WP-Editor vor und nach einer Tabelle die Zeilenumbrüche nicht hin.

Wie im Bild:

Nach "Preise" klebt die Tabelle entweder direkt am Wort "Preise" oder ich füge ein   ein - dann ist der Abstand wie auf dem Bild zu sehen zu groß.

Das gleiche unter der Tabelle. Mal klebt der Text dran, mal ist er wie hier richtig - das macht der Editor allerdings nach Lust und Laune - kommt drauf an, wann man auf speichern drückt. Ein eingefügtes   haut er dabei auch gern mal raus.

Gibts da nen Trick?

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

Hille

Für so etwas missbraucht man keine Tabellen, sondern setzt das per css um, dann sieht das auch ordentlich aus.

mfitzen

Zitat von hydro

Gibts da nen Trick?

Ja, nennt sich CSS.

Die Abstände werden über die style.css des Themes gesteuert. Der Editor macht da auch nichts nach Lust und Laune... ;-)

http://www.w3schools.com/css/default.asp

Tutrix

Nun das Wort Preise klebt an der Tabelle, weil du in dieser -20px definierst, was die Tabelle nach oben zieht

Code

<table border="0" style="margin-top:[COLOR="#FF0000"] -20px[/COLOR]; width: 190px;">

lässt du dies Weg, hast du den für h3 definierten Abstand nach unten, also 15px

Code

h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
    margin-bottom: 15px;
}

und brauchst auch nicht mit einem leeren p Tag wieder Abstand schaffen

hydro

@ArtofPic Danke, das wars.scheint von der alten Homepage für den Abstand nötig gewesen zu sein.

Hille und infected:

Ich bin frph, wenn ich so eine Tabelle zusammenschustern kann. Mit CSS hau ich mir da den Kopf ein. Hatte mal ein Plugin für Tabellen, dass auch nichts anderes gemacht hat, also hab ich das Plugin wieder gekillt.
Aber wieso soll es mit css besser susehen? was ist dann anders?

Trotzdem Danke für die Hilfe!

Tutrix

Zitat von hydro

Aber wieso soll es mit css besser aussehen? was ist dann anders?

gemeint ist, das man dafür keine Tabelle benötigt

sondern dies z.B. so umsetzt

Code

<div class="preise">
<div class="preistitel"><h3>Preise</h3></div>
<ul>
<li class="leistung">Studioaufnahmen<span class="preis">240,-</span></li>
<li class="leistung">Outdooraufnahmen<span class="preis">240,-</span></li>
<li class="leistung">Studio und Outdoor<span class="preis">350,-</span></li>
<li class="leistung">Portraitaufnahmen<span class="preis">90,-</span></li>
</ul>				
</div>

und die CSS Formatierung dafür dann in die style.css einfügen

Code

.preise {
    margin: 10px 0;
}
.preise ul li {
    line-height: 20px;
    list-style: none outside none;
    width: 200px;
}
span.preis {
float:right;
}

Alles anzeigen

ist jetzt nur ein Beispiel, muss für dein Theme sicher noch weiter angepasst werden

so kannst du jedes einzelne Element formatieren und kannst sicher gehen, das dies auch auf allen Medien gleich dargestellt wird

hydro

Wow, danke für die Arbeit. Werde mich die nächsten Tage mal hinsetzen und schauen, wie es funktioniert. Muss erst noch ein Child-Theme basteln, weil doch schon einige Änderungen zusammenkommen.

Danke

doho

Ich glaube, unter dem Gesichtspunkt der Semantik passt hier eine Tabelle. Es handelt sich ja um eine Preisübersicht bzw. eine Preistabelle - auch wenn es sich um eine kleine handelt.

DenisCGN

Ich stimme Doho zu...Hier ist eine Tabelle sinniger!

mfitzen

Mein Hinweis auf CSS galt eigentlich auch mehr der Ausrichtung der Tabelle...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Der Wahn mit dem Zeilenabstand

Jetzt mitmachen!