Einrücken von Fließtext

**RockOn** · 02.12.2009, 10:37

Hallo!
Ich möchte ganz einfach und selbstverständlich, dass mein Fließtext in der Hauptspalte nicht direkt an den Rahmen (links und rechts) steht sondern, dass er z.B. 10 px Freiluft links und rechts hat.

Ich habe sovieles probiert, in Templates, in CSS, in Modulen aber ich bin an Tabellen-HTML-Schreiben gewöhnt weil ich kein Programmierer bin und verstehe kaum was von PHP und mein CSS-Kenntnisse sind okay aber da muss ich noch einiges lernen. Ich habe auch genug hier in Forum und in Google recherchiert aber ich komme einfach ohne Eure Hilfe nicht weiter.

Würde mich freuen, eine einfache Erklärung zu erhalten...

SG

**Liebei** · 02.12.2009, 10:45

Hallo,

das funktioniert per css, margin oder padding, ein Link wäre hilfreich.

**RockOn** · 02.12.2009, 11:15

Danke sehr.

margin/padding funktionierte in CSS leider nicht (siehe Screenshots).

Ich habe Hintergrundbilder, um den 1px schwarzen Rahmen zu erzeugen, vielleicht deswegen aber trotzdem, sollte padding INNERHALB des Containers sein, egal of ich ein Hintergrundbild habe oder nicht, dachte ich...

http://www.logiball.de/images/test/test.png
http://www.logiball.de/images/test/mitpadding.png

In der Vergangeheit habe ich hierfür eine Spalte <td> an beiden Seiten des Textes erzeugt...

**Thomas** · 02.12.2009, 11:21

Warum generierst Du den Rahmen nicht auch mit CSS?

Code:

border:1px solid #000;
oder
border-top:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;

Dann funktioniert auch padding wieder.

Wenn ein Hintergrund definiert ist, wird der padding auch auf das Bild angewendet.

**MacKP** · 02.12.2009, 11:38

Hallo RockOn,
ansonsten den Elementen selber nen margin geben... ist zwar durchaus mehr arbeit, kann aber sinn machen (also p img etc.).

Viele Grüße

**Liebei** · 02.12.2009, 11:54

Generelle Frage:

Nutzt Du das Framework von TL und die original fe-page.tpl?

Wenn Nein, solltest Du das tun und dann kannst Du per CSS die abstände genau definieren! Mit Link meinte ich kein Bild sondern das Original, damit man per Firebug nachschauen kann, wo dein Problem liegt.

**planepix** · 02.12.2009, 12:43

Hallo RockOn,

eine weitere / andere Möglichkeit ist für die Hauptspalte den generellen Abstand zu der linken / rechten Spalte zu definieren, indem Du dem Artikelmodul den Abstand gibst:

Code:

 
#main .mod_article {margin:20px; padding:0;}

**RockOn** · 02.12.2009, 13:59

Hi Jürgen,

ja, ich benutze das TL Framework und habe in fe-page.tpl sogar versucht, eine Spalte rechts und links einzufügen, verstehe aber php zu wenig und nichts hat funktioniert...

Was musste ich in CSS genau schreiben, und wo genau?

Ich habe jetzt das Hintergrundbild gelöscht und einen Rahmen in CSS gesetzt, wie dein Kollege empfohlen hat, bringt mir dann zu diesem Ergebnis: http://www.logiball.de/images/test/nahdran.png

Ja, ich weiss, was Du mit Link meintest, ich arbeite z.Z. nur in einer Testumgebung offline und kann die Seite nur per VPN aufgerufen werden...

**RockOn** · 02.12.2009, 14:06

Hey planepix, danke...

Ich wollte das auch wissen, wo ist das Artikelmodul? Das ist das einzige Modul, das nicht in der Liste unter Module steht... Das hat mich vorhin verwirrt aber ich weiss, das MUSS quasi das wichtigste Modul sein? Es gibt vers. Artikel-Templates aber sie sind Templates und nicht Module... puh...

Das hier ist einfach Neuland für mich und für Eure Geduld und gut Vorschläge bin ich sehr dankbar!

**Liebei** · 02.12.2009, 14:18

Servus,

also die fe-page schaut folgendermaßen aus:

Code:

<div id="container">
<?php if ($this->left): ?>

<div id="left">
<div class="inside">
<?php echo $this->left; ?> 
</div>
</div>
<?php endif; ?>
<?php if ($this->right): ?>

<div id="right">
<div class="inside">
<?php echo $this->right; ?> 
</div>
</div>
<?php endif; ?>

<div id="main">
<div class="inside">
<?php echo $this->main; ?> 
</div>
<?php echo $this->getCustomSections('main'); ?> 
<div id="clear"></div>
</div>
</div>

Jetzt kannst du für die class inside eine Rand allgemein definieren, dieser wirkt sich dann für left, right, main aus.

Ich mach es anders, bei mir gibt es ein inside_l, inside_r; inside_m, damit kann ich den Rand für jeden Bereich individuell gestalten.

Das css könnte dann z.B. folgendermaßen ausschauen:

Code:

#left { }
.inside_l { margin: 0 0 0 10px;}

#main { }
.inside_m { margin: 0 10px 0px 0;}

#right { }   
.inside_r { margin: 0 20px 0 0; }

**RockOn** · 02.12.2009, 14:55

Danke Jürgen,

ich probiere das auf jeden Fall aus und glaube, ich kriege das sogar hin. Jetzt aber ab nach Köln zu Porcupine Tree!

Rock On!

**schman** · 02.12.2009, 15:06

Zitat von RockOn

Ich wollte das auch wissen, wo ist das Artikelmodul? Das ist das einzige Modul, das nicht in der Liste unter Module steht... Das hat mich vorhin verwirrt aber ich weiss, das MUSS quasi das wichtigste Modul sein? Es gibt vers. Artikel-Templates aber sie sind Templates und nicht Module... puh...

Das Artikel Modul ist das einzige Modul das nicht eingerichtet werden muss, dieses gibt es bereits und kann/muss dann im Seitenlayout eingefügt werden.
Wenn diese Modul nicht eingefügt wird kannst du kein inhalt anlegen.