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.

CSS Frage: Listenformatierung

Empfohlene Antworten

Veröffentlicht

Hallo!

Ich hab ein kleines Problem mit ner CSS Formatierung, bei dem ich nicht weiterkomme:

Auf einer Menüseite habe ich einige Kategorien, die ich als <ul/> liste aufzähle. pro kategorie möchte ich jetzt einige links als mögliche aktikonen für diese kategorie anbieten. ungefähr so:

* Kategorie 1: ansehen, bearbeiten

* Kategorie 2: ansehen, bearbeiten

usw.

Bisher habe ich bei vergleichbaren Sachen einfach nur Textlinks ohne zusätzliche strukturelle Infos hinter die Kategorie geschrieben, vom strukturellen Aspekt her handelt es sich ja aber auch bei den Aktionslinks um eine Liste, das heisst ich würde das gerne so im html abbilden:

<ul>

<li>Kategorie 1

    <ul>

      <li>ansehen</li>

      <li>bearbeiten</li>

    </ul>

</li>

</ul>

Soweit sogut, ohne CSS Fomatierung wird das jetzt alles untereinander dargestellt, ich möchte aber gerne die Aktionslinks _neben_ der jeweiligen Kategorie, nicht unter ihr haben. Die entsprechende CSS Anweisung finde ich leider nicht. Kann mir hier jemand helfen?

Viele Grüße

Reinhard


<?xml version="1.0"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Test</title>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">

<style type="text/css"><!--

  .Kategorie ul { display: inline; }

  .Kategorie li { display: inline; }

//--></style>

</head>

<body>

 <ul>

   <li class="Kategorie">Kategorie 1

     <ul>

       <li>ansehen</li>

       <li>bearbeiten</li>

     </ul>

   </li>

   <li class="Kategorie">Kategorie 2

     <ul>

       <li>ansehen</li>

       <li>bearbeiten</li>

     </ul>

   </li>

 </ul>

</body>

</html>

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

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.