Simple Tagging Cloud CSS anpassen!

  • Hi Leute,

    sitz hier nun schon einige tage um auf meiner seite eine tag cloud einzurichten, inzwischen werden die tags auch auf der sidebar angezeigt.

    mein problem ist nun, das sich die tags überschneiden, also zum teil übereinander liegen, hab die css von sw-guide eingebaut:

    ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }
    ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
    ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
    ul#tagcloud li a:hover { text-decoration:underline; }
    ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
    ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
    ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
    ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
    ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
    ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
    ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
    ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
    ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
    ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }

    wo stell ich den abstand zwieschen den einzelnen tags ein.

    würde mich sehr freuen, wenn mir einer dazu einen tip geben könnte.

    danke schon einmal.

    gruß andi

    • Anzeige

    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

  • habs selber gefunden, muss nur den eingefügten css bereicht bearbeiten.

    ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding:0; word-spacing: 8px; line-height: 30px}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!