WebSite X5Help Center

 
B. Z.
B. Z.
User

Auflistung im HTML Objekt funktioniert nicht  de

Autor: B. Z.
Besucht 1476, Followers 1, Geteilt 0  

Der folgende Code zeigt keine Blockzeichen an

<h2>Auflistung</h2>
<br>

<ol>
  <li>Erster Eintrag</li>
  <li>Zweiter Eintrag</li>
  <li>Dritter Eintrag</li>
</ol>

Gepostet am
7 ANTWORTEN - 1 NüTZLICH
B. Z.
B. Z.
User
Autor

<h2>Auflistung</h2>
<br>

<ol>
    <li>Erster Eintrag</li>
    <li>Zweiter Eintrag      <!-- Achtung, das schließende </li> Tag wird hier nicht notiert! -->
      <ul>
        <li>Zweiter Eintrag erster Untereintrag</li>
        <li>Zweiter Eintrag zweiter Untereintrag</li>
        <li>Zweiter Eintrag dritter Untereintrag</li>
      </ul>
    </li>                <!-- Hier ist das schließende </li> Tag angegeben! -->
    <li>Dritter Eintrag</li>
  </ol>

Funktioniert auch nicht!

Mehr lesen
Gepostet am von B. Z.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Was meinst du mit Blockzeichen? Meinst du Auflistungszeichen?

  • Erster Eintrag
  • Zweiter Eintrag
Mehr lesen
Gepostet am von Andreas S.
B. Z.
B. Z.
User
Autor

Hallo Andreas,

JA, Auflistungszeichen bzw. Nummerierung, Quadratsymbol, Kreissymbol

Mehr lesen
Gepostet am von B. Z.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Wieso sollten dann solche Auflistungszeichen erscheinen bei <li> ? Wahrscheinlich sind diese generell deaktiviert worden in WSX5 (und nein das kann man nicht einstellen generell). WEnn du sie per HTML-Code einbinden willst musst du sie per CSS extra aktivieren. Dazu muss man aber etwas CSS verstehen und den Selektor vom HTML-OBjekt rausfinden, dann könnte man es per Code aktivieren.

Mehr lesen
Gepostet am von Andreas S.
B. Z.
B. Z.
User
Autor

Mit CSS kenne ich mich schon aus. Aber damit geht es auch nicht!

Beispiel: ( funktioniert nicht )

li{
    list-style: square;
    text-align:left;
    font-size:22px;
    background-color:rgb(255,247,221);
}

Mehr lesen
Gepostet am von B. Z.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Gib einmal etwas RAnd nach links...

margin-left:20px;

Mehr lesen
Gepostet am von Andreas S.
B. Z.
B. Z.
User
Autor

Danke Andreas S.

CSS

#listingsquare{
    list-style-type:square;
    padding-left:10px;
    list-style: circle;
    text-align:left;
    margin-left:25px;
}

#listingcircle{
    list-style-type:circle;
    padding-left:10px;
    list-style: circle;
    text-align:left;
    margin-left:25px;
}

#listingdecimal{
    list-style-type:decimal;
    padding-left:10px;
    list-style: circle;
    text-align:left;
    margin-left:25px;
}

HTML Objekt

Danke Andreas das funktioniert jetzt schon mal mit dem circle Symbol.

 echo '<li id="listingsquare">' . $row['zutat'] . '</li>';

 echo '<li id="listingcircle">' . $row['zutat'] . '</li>';

 echo '<li id="listingdecimal">' . $row['zutat'] . '</li>';

Bei jeder id erhalte ich das "circle" Symbol!

Noch einen Tipp???

Danke Bernd

Mehr lesen
Gepostet am von B. Z.