Warum kostenlos registrieren?

Nur als registriertes Mitglied hast Du vollen Zugriff auf alle Funktionen unserer Website. So kannst Du eigene Fragen stellen und hast die volle Übersicht über neue interessante Themen im Forum.
Jetzt kostenlos registrieren.

Login


Absatz um einen bestimmten Wert (pixel, cm) einrücken

Fragen oder Probleme mit HTML, PHP oder CSS?

Absatz um einen bestimmten Wert (pixel, cm) einrücken

Beitragvon schwedenmann am 11.07.2005, 18:29

Hallo


Wie rücke ich einen Absatz um sagen wir mal 1cm nach rechts, also vom linken Rand 1 cm nach rechts.
Das Ganze nciht per CSS, da dies nur für ganz wenige Absätze gelten soll.

und wie definiere ich global in css den linken bzw linken und rechten Rand für alle Absätze, Tabellen,etc.

Mfg
schwedenmann
schwedenmann
Moderator
 
Beiträge: 6783
Registriert: 29.12.2003, 16:14
Wohnort: 41844 Wegberg


Beitragvon CoolCasimir am 11.07.2005, 18:53

Also um nur bestimmte Absätze ein paar Pixel zu verschieben, nehmen die meißten Leute
sogenannte Pixel-Gifs. Das ist eine Grafik die nur einen Pixel groß ist
und durchsichtig.
Dann muss man nur noch die Breite bestimmen, z.B. so:
Code: Alles auswählen
<img src="pixel.gif" width="20">
CoolCasimir
Moderator
 
Beiträge: 2194
Registriert: 14.01.2004, 14:07
Wohnort: Hansestadt Hamburg

Beitragvon GrayGhost am 14.07.2005, 12:13

Hallo,
eine Möglichkeit besteht darin, den Text in einen Container zu tun:

Code: Alles auswählen
<div id="layer1" style="position:absolute; left:20px; bottom:10px; width:?px; height:?px; z-index:1">
<p>bla, bla</p>
</div>


Eine andere Möglichkeit ist eingebettetes CSS:

Code: Alles auswählen
<p style="text-indent:1em;">Dieser Textabsatz hat eine
Texteinr&uuml;ckung von 1em. </p>


Du kannst statt em auch numerische Angaben in px machen.
GrayGhost
 

Absatz einrücken

Beitragvon schwedenmann am 14.07.2005, 18:11

Hallo

Danke für die Antworten, hab aber jetzt durch lesen herausgefunden es geht auch so, ohne CSS.

in der html Seite den Absatz
<div style="positition:absolute; left:3cm; width10cm">Absatztext</div>

Dies verschiebt den Absatz um 3 cm nach rechts und der Absatz hat eine Länge von 10cm.

Angaben in px, % und in sind auch möglich, ebenso wie eine absolute obere Position per top:15cm; z.B.

Dies funktioneirt im normalen html-Code, dürfte aber auch in CSS wie oben beschrieben eingesetzt werden.

Mfg
schwedenmann
schwedenmann
Moderator
 
Beiträge: 6783
Registriert: 29.12.2003, 16:14
Wohnort: 41844 Wegberg

Beitragvon SSJSonGoku1984 am 15.07.2005, 09:28

@schwedenmann:
erstens:
<div style="positition:absolute; left:3cm; width:10cm">Absatztext</div>
fehlt ein doppelpunkt

zweitens:
das ist fast das gleiche was GrayGhost geschrieben hat. dein text ist nämlich genauso CSS.

nicht das du jetzt denkst du hättest es ohne CSS gemacht.
SSJSonGoku1984
 
Beiträge: 61
Registriert: 06.05.2005, 09:48
Wohnort: Wiesbaden

Beitragvon GrayGhost am 15.07.2005, 10:59

Hallo,
nur mal zur Info:

CSS kann in verschiedenen Stufen eingesetzt werden.

1. Als externe CSS Datei, die im Headbereich durch einen Link aufgerufen wird.
2. CSS Deklaration im Headbereich, die auf die ganze Seite wirkt.
3. Deklaration im Body, die solange wirkt bis was anderes definiert wird
4. Angaben direkt in Tags, die nur auf dieses Tag wirken.

Dabei ist die Priorität so: 4., 3., 2., und 1.
GrayGhost
 



Ähnliche Themen


Zurück zu HTML, PHP & Co.

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste