Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

UL & LI Navigtation Einrückungen

Empfohlene Antworten

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

Hi!

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

Gruß, Tobias

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

Danke Tobias, genau was ich gesucht habe...

jetzt gehts rund :-)

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

Danke nochmals!

Supi!

Gruß,

Markus

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Konto

Navigation

Suchen

Suchen

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.