Verschiedene Links mit CSS + Sidebar + wp_list_pages ausrichten

    Guten Abend
    Ich habe drei Probleme die ich mit ach so viel versuchen und googeln nicht weg bekomme :-?

    Problem 1:
    Ich würde gerne manche Links anders darstellen. Eigentlich kein Problem, nur wie sind die Klassen dafür? :confused: kann man das irgendwo nach lesen? Also beispielsweise für die "automatisch generierten" Tags eine andere Linkfarbe als für die Kategorien.

    Problem 2:
    Ich habe soweit die Punkte und eingerückten Zeilen alle auf Null bekommen, jedoch wird dies im MS IE nicht so angezeigt. Warum?? Gibt es u.U. noch andere/einfachere Methoden?

    Problem 3:
    Ich würde gerne eine Navigation horizontal ausrichten. Soweit kein Problem, nur wird diese nicht bei mir an der richtigen Position angezeigt, sondern durch die ganzen <ol> und <li>'s horizontal sowie vertikal verschoben angezeigt. Der Internetexplorer ignoriert dies völlig.

    Bin für Antworten mehr als dankbar ;)
    Achja. Der Link zum Blog ist Testweise http://mettallo.bplaced.net/wordpress
    Das ist eines meiner ersten Templates, habe also noch nicht allzu viel erfahrung. :D

    Danke im Vorraus!
    Mfg: Mettallo

    • Gerade eben
    • 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

    Erst mal solltest du die Fehler ausbügeln: [Invalid] Markup Validation of http://mettallo.bplaced.net/wordpress/ - W3C Markup Validator

    Danach besorg dir mal das FF-Addon Firebug: Firebug - Web Development Evolved
    Damit kannst du relativ einfach sehen welches Element welche IDs/Classen hat und wie & wo es gestylt ist etc.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Zitat von mettallo

    Ich habe soweit die Punkte und eingerückten Zeilen alle auf Null bekommen, jedoch wird dies im MS IE nicht so angezeigt. Warum?? Gibt es u.U. noch andere/einfachere Methoden?


    Am Anfang aller meiner Stylesheets steht folgendes:

    Code
    * {
margin:0;
padding:0;
}


    Dann sind schon mal alle browserspezifischen Abstände eliminiert. ;-) Abstände die ich haben möchte kommen dann explizit wieder rein.

    Firebug hab ich schon länger, trotzdem danke für den Tipp !!
    Hab jetzt marX Code eingfügt. Leider hat das nur minimal etwas gebracht.
    Außerdem finde ich die Klasse für beispielsweise die Link-Tags nicht :O
    Jetzt habe ich auch nur noch 3 Fehler und bei denne weiß ich leider auch nicht mehr weiter :(

    Hier noch ein Screenshot für die Linkklassen:
    http://www.imagebanana.com/img/52qmuso4/fragezeichen.jpg
    Trotzdem danke an alle!! :)

    Du willst die Tag-Links also andersfarbig haben? Die Klasse ist tags (das kann man doch gut mit Firebug erkennen. Und dann noch das a-Tag bestimmen. Schon mal so probiert?

    Code
    .tags a {
color:#ff0000;
}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Zitat von maxe

    Du willst die Tag-Links also andersfarbig haben? Die Klasse ist tags (das kann man doch gut mit Firebug erkennen. Und dann noch das a-Tag bestimmen. Schon mal so probiert?

    Code
    .tags a {
color:#ff0000;
}

    Ah cool, wusste garnicht das man das auch so machen kann! :)
    Danke! Dachte das ganze würde dann beispielsweise nochmal eine Klasse bekommen, also beispielsweise aus

    PHP
    <font class="tags">(diese Klasse ist  übrigens Templateabhängig bzw. von mir so benannt worden in dem Template, also nicht durch php erzeugt)<?php the_tags('Tags: ', ', ', '<br />'); ?></a></font>

    wird dann später compiled sowas wie:

    PHP
    <font class="tags">Tags <a class="eineVonWPDeklarierteKlasse" href="blablablabla.php">Ein Tag</a></font>

    Aber geht ja auch so fast bestens :) Der IE zeigt es nämlich falsch an und ignoriert dies scheinbar, allerdings glaube ich, werde ich zukünftig auf den nicht standartkonformen IE ...

    Back2Topic!
    Damit wäre diese Frage geklärt!! Danke nochmal! :)
    Nur wie intregriere ich nun die horizontale Navigation richtig ins Design?
    Mfg Mettallo

    sag mal, hast du jetzt im Header zweimal wp_list_pages() drin? Irgendwie ist das doppelt.
    Der Div-Container linklistTop sieht gut aus. Aber die ol darunter sieht besch...eiden aus. Guck bitte mal in deine header.php was da los ist und lösch die ol daraus. Dann guckst du in den linklistTop-Container ob dort bei wp_list_pages eine Seite excluded oder included ist. Das kannst du dann ändern, sodass alle Seiten erscheinen: Template Tags/wp list pages ? WordDoku

    Zitat
    PHP
    [COLOR=#000000]<font class="tags">(diese Klasse ist  übrigens Templateabhängig bzw. von mir so benannt worden in dem Template, also nicht durch php erzeugt)[COLOR=#0000cc]<?php the_tags[/COLOR][COLOR=#006600]([/COLOR][COLOR=#cc0000]'Tags: '[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]', '[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]'<br />'[/COLOR][COLOR=#006600]); [/COLOR][COLOR=#0000cc]?>[/COLOR]</a></font>[/COLOR]

    das die von dir manuell erstellt ist sieht man :???: . Mit dem font würd ich mir noch mal überlegen ;)

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    maxe, ich glaube das eine war statisch was du meintest.
    Naja, habs jetzt endlich geschafft :)
    FAST geschafft. Leider springt die Navi jetzt und wenn ich padding-top:5px; mache, ist die ganze Grafik verschoben. Ich könnte beim Hover zwar das Padding weg machen, nur soll die schrift eigentlcih so oder so dahin, damit das ganze nicht all zu gequetscht aussieht. Nur wenn ich das eben mache, dann verrutscht die Grafik.
    Jaa, den letzten W3C-Error werd ich auch noch beseitigen.
    Danke mal wieder im Vorraus!! Habt mir bis jetzt sehr viel weiter geholfen.
    Mfg. Mettallo

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden