Forum Doku Wiki Blog

Forumsarchiv 2007, März
Ein bischen mehr einrücken bitte

archivierte Beiträge lesen

  1. (CSS) Ein bischen mehr einrücken bitte von _roro, 01. 03. 2007, 20:16

Ein bischen mehr einrücken bitte

Der folgende Beitrag wurde am 01. 03. 2007, 20:16 Uhr von _roro veröffentlicht.

Moin,

habe im Abschnitt links ein Bild mit
p.linksbild {
 float:left;
 margin-right:20px;
}

und rechts daneben eine <ul><li></li></ul> die mir ein bischen zu weit nach links geschoben scheint im Vergleich zu einem <p></p> rechts neben dem Linksbild.

Wie krieg ich die <ul> ein Stück weiter nach rechts, idealerweise genau unter einen <p> ausgerichtet?

http://rolfrost.de/schleifen.html

Vielen Dank, roro

Ein bischen mehr einrücken bitte

Der folgende Beitrag wurde am 01. 03. 2007, 22:32 Uhr von Toeb veröffentlicht.

Setz doch ein div drumherum, wo du mit margin-left dein gewünschten Abstand schaffst.
Sollte ich dein Problem richtig verstehen.

Ein bischen mehr einrücken bitte

Der folgende Beitrag wurde am 01. 03. 2007, 22:45 Uhr von Blaubart veröffentlicht.

Tach.

> Wie krieg ich die <ul> ein Stück weiter nach rechts, idealerweise genau unter einen <p> ausgerichtet?

Wenn du testweise deiner Liste eine Hintergrundfarbe verpaßt, siehst du vermutlich, daß noch die Voreinstellung list-style-position: outside besteht, d. h. die Bullets hängen links über den Rand. Ändere diese Einstellung in inside, um das zu erreichen, was du dir vermutlich vorstellst.

Falls dann noch Unterschiede zur Ausrichtung des Absatzes bestehen, sind margin und padding ganz gute Kandidaten.

--
Once is a mistake, twice is jazz.

Ein bischen mehr einrücken bitte

Der folgende Beitrag wurde am 02. 03. 2007, 00:41 Uhr von Nico veröffentlicht.

> Moin,
>
> habe im Abschnitt links ein Bild mit
> p.linksbild {
> float:left;
> margin-right:20px;
> }
>
> und rechts daneben eine <ul><li></li></ul> die mir ein bischen zu weit nach links geschoben scheint im Vergleich zu einem <p></p> rechts neben dem Linksbild.
>
> Wie krieg ich die <ul> ein Stück weiter nach rechts, idealerweise genau unter einen <p> ausgerichtet?
>
> http://rolfrost.de/schleifen.html
>
> Vielen Dank, roro

Probiers doch mal mit Anwendung von "overflow: hidden;" auf den <ul>-Tag. Den linken Rand kannst Du dann mit "margin-left" justieren.
Grüße
Nico

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4