Fabienne: UL - Square-Größe festlegen

Hallo zusammen,

kann mir jemand sagen, wie man die Größe des Listen-Symbols via CSS festlegen kann?

ul
{
color:#000000;
font-size:12px;
font-family:arial,verdana;
text-decoration:none;
}

Das deklariert leider nur die Schriftgröße, nicht aber die Größe des "Bollens" vor der Schrift...

Thanx

  1. Hallo

    kann mir jemand sagen, wie man die Größe des Listen-Symbols via CSS festlegen kann?

    Soweit ich weiß kann man die Größe nicht beeinflussen. Mein Rat wäre das Standard Listen symbol auszublenden und stattdessen ein Hintergrundbild zu verwenden. Damit stehen dir dann auch eine viel größere Anzahl an gestaltungsmöglichkeiten zur Verfügung.

    Lg smart

    1. Hi smart,

      Mein Rat wäre das Standard Listen symbol auszublenden und stattdessen ein Hintergrundbild zu verwenden.

      Warumim Hintergrund? Warum nicht <http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_image@tilte=eigene Bullet-Grafiken> verwenden?

      Gruß,
      Gunnar

      --
      “I got my finger on the trigger / But I don’t know who to trust” (Bruce Springsteen, Devils and Dust)
      1. Hi,
        < http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_image@tilte=eigene Bullet-Grafiken>

        Jop, ich glaube er meinte das.
        Aber es muss doch auch ne Möglichkeit geben ohne Images....

        Greets

        1. Hi!

          Aber es muss doch auch ne Möglichkeit geben ohne Images....

          Nimm eigene Bulletgrafiken oder versuch es mit http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_type. DA kannst du dann verschiedene Symbole nehmen, vielleicht gefällt dir ja eins davon.

          Andere Möglichkeiten gibt es nicht.

          Gruß

          Martin

        2. Hallo Fabienne,

          Aber es muss doch auch ne Möglichkeit geben ohne Images....

          Ja, es gibt eine andere Möglichkeit ohne Images, die sieht aber im IE ganz schlimm aus:

          a) zeigt sie dort nicht die gewünschte Wirkung der Vergrößerung des Bullet-Symbols relativ zur Schriftgröße,
          b) verschwindet der letzte Bullet-Punkt, aber das kann man dort (im IE) mit Conditional-Comment ja beheben, indem man line-height und font-size wieder auf jeweils 1em setzt.

          In Opera 7.54 sowie Mozilla 1.7.2 funktioniert das Folgende aber:

            
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
                  "http://www.w3.org/TR/html4/strict.dtd">  
          <html>  
          <head>  
          <title>bulletsize</title>  
          <meta name="author" content="Gernot Back">  
          <meta name="generator" content="Ulli Meybohms HTML EDITOR">  
          <style type="text/css">  
          [code lang=css]  
          li {  
            list-style-type:square;  
            font-size:2.5em;  
            line-height:.4em;  
            color:red;  
          }  
            
          li span {  
            font-size:.4em;  
            position:relative;  
            top:-.25em;  
            color:blue;  
          }  
            
          li span:before {  
            content:'Punkt ';  
          }  
          
          

          </style>
          </head>
          <body >
          <ul>
            <li><span>eins</span></li>
            <li><span>zwei</span></li>
            <li><span>drei</span></li>
            <li><span>vier</span></li>
            <li><span>fünf</span></li>
            <li><span>sechs</span></li>
            <li><span>sieben</span></li>
            <li><span>acht</span></li>
          </ul>
          </body>
          </html>
          [/code]
          Gruß Gernot

      2. eigene Bullet-Grafiken

        Könnte die Forumsoftware solche Vertipper nicht mal abfangen? Bitte!

        Gruß,
        Gunnar

        --
        “I got my finger on the trigger / But I don’t know who to trust” (Bruce Springsteen, Devils and Dust)