Einrückung von Listen mit CSS beeinflussen

[Christian]

Hi

wie mache ich das? Mit margin oder padding hat es bei mir nicht funktioniert.

Kann mir jemand helfen?

Danke,

Christian

[Cheatah]

Hi,

wie mache ich das? Mit margin oder padding hat es bei mir nicht funktioniert.

dann hast Du es falsch gemacht.

Cheatah

[Gernot Back]

Hallo Christian,

Hi

wie mache ich das? Mit margin oder padding hat es bei mir nicht funktioniert.

Aber genau damit macht man es. Worauf beziehst du denn Margin und Padding, auf das List-Item oder die Liste? Du kannst ja mal mit beidem experimentieren, sollte eigentlich beides funktionieren.

Gruß Gernot

[Christian]

Hi,

da auch weiteres Rumprobieren damit nichts gebracht hat, erkennt ihr vielleicht am Code, was ich falsch gemacht habe...

<ul class="ul_navigation">
<li><a href="index.html">HOME</a></li>
<li><a href="urlaub_notdienst.html">URLAUB &amp;<br />
  NOTDIENST</a></li>
<li><a href="allgemeine_informationen.html">ALLGEMEINE<br />
  INFORMATIONEN</a></li>
<li><a href="aktuelles.html">AKTUELLES</a></li>
<li><a href="behandlungsspektrum.html">BEHANDLUNGS-<br />
  SPEKTRUM</a></li>
</ul>

CSS:

.ul_navigation { list-style-image:url(bilder/gelb/ul.jpg); margin-left:5px; padding-top:13px; }

Martin

[schnell_blicker]

Christian schreibt als Endformel:

Martin

:-)

Hast du etwas vor und zu verstecken?

[Christian]

Hi

Martin

Ne, nich wirklich :)
Mein 1. Vorname ist Christian, aber ich mag meinen 2. Martin lieber, daher bin ich da durcheinandergekommen...

Aber gut bemerkt :)

[pudding]

Man nehme:

• ein "div" - Element

und ordne dieses der Liste über.

Nun beziehen sich die Angaben in der CSS-Klasse auf das übergeordnete "div" - Element.
Alternativ kann auch das "div" entsprechend positioniert werden.

.ul_navigation { list-style-image:url(bilder/gelb/ul.jpg);
margin-left:5px; padding-top:13px; }

Das lässt sich auch einfacher ausdrücken:

ul.navigation { etc; }

und dann <ul class="navigation" ...>.

Gruß pudding

[markus]

Kann mir jemand helfen?

Klar:

<ul id="liste"></ul>

im CSS:
#liste { margin-left:30px; }

Ansonsten packe alles in ein div und verschiebe das dann.

[Elya]

Hallo Christian,

wie mache ich das? Mit margin oder padding hat es bei mir nicht funktioniert.

Setze einmal 1px-border oder background-color sowohl für deine ul- als auch für deine li-Elemente. Dann setze alle margins und paddings auf 0 und schau dir den Effekt an. Ziehe daraus Deine Schlüsse, dann sollte es keine Probleme mehr geben (von unterschiedlicher Interpretation in verschiedenen Browsern mal abgesehen ,-))

Gruß aus Köln-Ehrenfeld,

Elya