Ein bischen mehr einrücken bitte

[_roro]

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

[Toeb]

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

[Blaubart]

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.

[Nico]

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