Ergebnis 1 bis 3 von 3

Thema: mit list-style-type einzelne Listenelemente ansprechen.

  1. #1
    Youngster
    Registriert seit
    05.08.2009
    Beiträge
    12
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard mit list-style-type einzelne Listenelemente ansprechen.

    Hallo,

    ich habe ein kleines Problem bei einer Navi, die ich gebaut habe.
    Es geht hier um die zweite Navi mit den Elementen "Holzarbeiten, Küchen etc."
    http://www.dircks-schacht.de/neu/holzarbeiten.html

    Das ganze ist eine Liste und beim Rüberfahren wird mit dem CSS-Befehl
    "list-style-image" das rote Quadrat angezeigt.

    Der Rote Strich ist der linke Rahmen dieses Navi-divs. Da ich ihn in dieser Länge haben wollte und nicht kürzer, habe ich die Liste um ein Element verlängert, in dem nur ein "s" steht in der gleichen Farbe wie der Hintergrund.
    HTML-Code:
    <div class="mynav2_3">
                <ul>
                    <li class="active"><a href="holzarbeiten.html">Holzarbeiten</a></li>
                    <li><a href="kuechen.html">Küchen</a></li>
                    <li><a href="naeh_polster.html">Näh- u. Polsterarbeiten</a></li>                        
                    <li><a href="maler.html">Malerarbeiten</a></li>
                    <li><p>s</p></li>
                    
                </ul>
            </div>
    Das ist nicht sonderlich elegant und beim Rüberfahren über dieses unsichtbare "s" erscheint natürlich auch das Quadrat.

    Weiß jemand, wie ich dieses einzelne Element ansprechen könnte, dass das Quadrat nicht angezeigt wird?

    Vielen Dank im Vorraus,

    Markise
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: mit list-style-type einzelne Listenelemente ansprechen.

    Das ist wirklich nicht sonderlich schön, mach das doch mit "padding-bottom". Ich kann die Seite leider nicht ansehen, lädt nicht bei mir, aber das müsste eigentlich funktionieren.

    Zu deiner frage: Gib dem untersten Listenelement doch eine eigene Klasse, dann kannst du das list-style-image für dieses li deaktivieren.

    -Lukas

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: mit list-style-type einzelne Listenelemente ansprechen.

    Gib .mynav2_3 einen entsprechenden height-Wert.

Ähnliche Themen

  1. Problem mit list-style-type in Navigation
    Von markise im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.02.2010, 19:45
  2. List - Style Abstände
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 07.07.2008, 03:03
  3. list-style-image..?
    Von wurmax im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 03.06.2007, 16:10
  4. List-Style-Image wird im IE angezeigt, im firefox nicht
    Von liebhab-baer im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 13.10.2006, 22:13
  5. Listenelemente Japanisch UND Lateinisch formatieren...
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 28.05.2006, 21:47

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •