UL & LI Navigtation Einrückungen

[kills]

Ich habe jetzt auch die unterpunkte in der Navigation nicht mehr mit DIV Elementen sondern jetzt im UL & LI Style.

Leider bekomm ich die Einrückung der 2. Ebene nicht kleiner?!

Wo muss ich da ansetzen?

Also ich möchte das die Punkte der Unternavi nicht so weit rechts sitzen.

http://www.swks-design.de/web/?page=ueberuns/ueberuns

Danke für die Mühe,

Gruß Markus

[tobias-digital]

Hi!

In dem Falle würde ich das padding für die <li>-Tags auf einen entsprechenden Wert setzen.

Gruß, Tobias

[Mascha]

.unterbutton { margin-left: -20px }

So vielleicht?

[tobias-digital]

Hi!

Vorsicht mit negativen Werten! Nicht alle Browser interpretieren die gleich. Eine "Listen-Navigation" würde ich immer in etwa so gestalten:

<style type="text/css">

	ul {

		margin: 0px;

		padding: 0px;

		list-style: none;

	}

	ul li ul {

		margin: 0px 0px 0px 15px;

	}

</style>

<ul>

	<li>

		Punkt 1

		<ul>

			<li>Unterpunkt 1</li>

			<li>Unterpunkt 2</li>

			<li>Unterpunkt 3</li>

		</ul>

	</li>

	<li>Punkt 2</li>

	<li>Punkt 3</li>

</ul>

Gruß, Tobias

[kills]

Danke Tobias, genau was ich gesucht habe...

jetzt gehts rund :-)

[tobias-digital]

Gerne!

Noch ein Tipp:

Mir ist aufgefallen, dass das letzte Bild auf der Seite "Leistungen" aus dem (div-)Rahmen fällt. Zumindest im FF.

Das kannst du umgehen indem du in Deinem Stylesheet die ID "text" anpasst:

#text {

	padding: 10px;

	margin-bottom: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	border-color: #FC1A1B;

	border-style: solid;

	border-width: 1px;

	width: 445px;

	margin-left: 20px;

overflow: auto; /* Das hier bewirkt, dass der Rahmen noch um das Bild fließt. */

}

Nachzulesen ist diese Methode z.B. auf http://news.css-technik.de/index?id=P667

Gruß, Tobias

[kills]

Danke nochmals!

Supi!

Gruß,

Markus