Style.css: list-style-image

danisahne

hallo liebe forumgemeinde,

ich möchte in der sidebar aufzählungszeichen als image einbinden. dazu habe ich in der style.css folgenden code eingebunden:

Code

#sidebar li {list-style-image: url('http://www.meine-domain.de/wp-content/themes/benevolence_de/images/subcat.gif')}
#sidebar ul {list-style-position:inside;}

doch leider wird das image nicht angezeigt, sondern nur die einrückung vorgenommen.

wer kann mir helfen?

vielen dank für eure bemühungen.

danisahne

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

Zitat von danisahne
hallo liebe forumgemeinde,

ich möchte in der sidebar aufzählungszeichen als image einbinden. dazu habe ich in der style.css folgenden code eingebunden:
Code
#sidebar li {list-style-image: url('http://www.meine-domain.de/wp-content/themes/benevolence_de/images/subcat.gif')}
#sidebar ul {list-style-position:inside;}
doch leider wird das image nicht angezeigt, sondern nur die einrückung vorgenommen.

wer kann mir helfen?

vielen dank für eure bemühungen.

danisahne
Alles anzeigen

statt:list-style-image
nimm
background-image

könnte funktionieren

lg

danisahne

leider keine änderungen. das image wird noch immer nicht angezeigt... hast du eventl. noch einen vorschlag aus deiner trickkiste?

viele grüße
danisahne

SuMu

Code

<ul id="navlist">
    <li>Item one</li>
    </ul>

Code

[B]CSS


[/B]     #navlist {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    }


      #navlist li {
    padding-left: 10px;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    }

Alles anzeigen

danisahne

wo muss dieser code eingefügt werden?

Code

<ul id="navlist">
    <li>Item one</a></li>
    </ul>

SuMu

Code

<ul id="navlist">
    <li>Item one
</li>
    </ul>

da wo du ihn gerne haben möchtest, vermutlich in der sidbar.php...
aber das fehlt ja noch einiges... was willst du denn da einfügen?

Monika

Zitat von SuMu

.
..
aber das fehlt ja noch einiges... was willst du denn da einfügen?

vor allem die url zum Ort des Geschehens

meine Glaskugeln sind wie immer auf Urlaub, die machen ehrlich mehr Urlaub als ich

:cry:

danisahne

eigentlich möchte ich vor die kategorien und seiten in der sidebar ein kleines icon setzen und suche nun nach nach einem code bzw. einer einstellung in der css-datei, welche im prinzip sagt, nimmt das image von http://www.meine-domain.de/wp-content/the…ages/subcat.gif und setze diese grafik in die Navigtion der Kategorien und Seiten.

kannst du mir verraten, wo man diesen code einsetzt? eventl. in der sidebar.php? muss ich in der css-datei auch noch etwas ändern?

SuMu

poste doch mal den code aus deiner sidebar.php der die kategorien etc aufruft

danisahne

Hallo SuMu,

nachfolgend der Code für die Kategorien, Seiten, externen Links und Archiv aus der Sidebar.php

PHP

<br /><br /><br /><div class="title">Kategorien</div>
 <ul><?php wswwpx_fold_category_list('hide_empty=0&sort_column=name&exclude=2'); ?></ul>
 
<br /><br /><br /><div class="title">Seiten</div>
 <ul><?php wp_list_pages('title_li=&sort_column=menu_order&exclude=2'); ?></ul>
<br /><br /><br /><div class="title">Blogroll</div>
<ul><?php get_links('-1', '<li>', '</li>', '<br />', FALSE, 'id', TRUE, 
TRUE, -1, TRUE); ?></ul>
<br /><br /><br /><div class="title">Archiv</div>
<ul><?php wp_get_archives('type=monthly'); ?></ul>

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Style.css: list-style-image

Jetzt mitmachen!