Beiträge von Monika

    ich seh diese weiße Linie
    hauchdünn , dünner als dünn
    wo ich sie nicht sehe ist die Startseite,
    html

    da sind ein paar Fehler,
    ob dies damit zusammenhängt weiß ich nicht,
    und ich gebe es zu, ich habe keinen blassen Schimmer woher diese Linie kommt,
    sie ist aber sicher nicht höher als ein halbes Pixel und klebt an der Statusanzeige ..

    [vergisssie;)]

    lg

    ich habe ein workaround für Dich

    weil ich das auch habe auf
    webdesign-in.de

    wp kann Linkkategorien in jeder Menge und Anzahl einzeln anzeigen und das nutz ich mir;)

    ich habe mir die Linkkategorien genau benannt wie meine Hauptüberschriften, also

    'professional' 'webdesign' barrierefrei' 'Freunde' Weltweit' etc...

    Admincenter==>Links==>Linkkategorie erstellen,

    dann habe ich mir die ID ,die dann dort steht pro Linkkat aufgeschrieben ;)

    die URLs zu den Kategorien habe ich, bei mir ist es immer
    domain.de/category/namederkategorie

    jetzt :
    Admincenter==>Links==>Link hinzufügen

    URL der ersten Kategorie hinzugefügt,
    als Linkkategorie die dazugehörende Überschrift ausgewählt
    usw....

    sidebar.php aufgemacht und alles was mir Kategorien anzeigen täte gelöscht,

    ob das HTML stimmt weiß ich nicht, aber das System:
    <ul><li><h2>Hauptüberschrift 1 </h2></li>

    <li><h3>Unterüberschrift 1 </h3>
    <ul><?php get_links(1, '<li>', '</li>', '', TRUE, 'id', FALSE); ?>
    </ul></li>
    </ul>

    <ul><li><h2>Hauptüberschrift 2 </h2></li>

    <li><h3>Unterüberschrift 2 </h3>
    <ul><?php get_links(2, '<li>', '</li>', '', TRUE, 'id', FALSE); ?>
    </ul></li>
    </ul>

    usw.....
    und so funktioniert dies bei mir einwandfrei
    ;)

    lg

    ah!
    hat mich ausgetrickst

    #menu ul ul li a {
    color: #999;
    text-decoration: none;
    text-transform: none;
    }
    #menu ul ul li a:hover {
    border-bottom: 0px solid #809080;
    background: #f6f6f6;
    display: block

    }

    da fehlt bei display:block der Strichpunkt,
    und ich würde es mal probieren, das display:block; zu
    #menu ul ul li a hingeben und unten bei
    #menu ul ul li a rausnehmen

    müßt sich ja vererben und es könnte auch sein, dass der IE deswegen spinnt

    die Bildchen bei den unterschiedlichen Überschriften:

    Du öffnest das template wo diese sidebar gemacht wird,

    suchst Dir die Überschrift Ohrwürmer

    <h2 class="wurm">Ohrwürmer</h2>
    das class="wurm" musst Du dazuschreiben
    dann suchst Du Dir die nächste Überschrift und gibst der die class="kolleg" usw.
    also Namen, die auch was mit dem Inhalt zu tun haben ..
    einfach wegen:Wiedererkennungseffekt ;)
    dann öffnest Du die style.css und schreibst hinein

    #rmenu ul ul li h2.wurm{diese bildchen geschichte ...

    #rmenu ul ul li h2.kolleg{....

    wichtig ist, dass die richtige Anzahl an ul da sind ;)

    lg

    aalso
    der IE und Browser wie Mozilla und Firefox gehen mit margins unterschiedlich um

    Hausnummer:
    margin:15px 30px 0px 0px;
    passt für den Firefox aber dann ist es beim IE verrutscht,
    dann macht man dies so

    margin:15px 30px 0px 0px!important;
    margin:-10px 30px 0px 0px;

    die obere Angabe ist für Browser , weil der IE das !important nicht versteht,
    drunter kann man dann di Angaben für den IE machen,
    weil der Firefox sich an das !important (=total wichtig) hält

    lg

    das Ruckeln beim IE kommt davon, dass die einzelnen 'Zustände' der Links unterschiedliche paddings oder und margins haben,

    also der normale Link dürfte kein padding haben, beim Drüberfahren (hover) schon, das ergibt immer ein Ruckeln

    bei der rechten Seite
    da werden die Bildchen einmal zuviel angezeigt,

    ich habe jetzt nicht nachgesehen, aber vom System her:

    [size=10]#rmenu ul ul li{background-image:none;}
    #rmenu ul ul ul li{diese bildchen geschichte...}

    lg
    [/SIZE]

    #menuul ul ul.children li{
    padding:0 0 0 13px;
    margin:0;
    list-style-type: none;
    background-image:url(sub.gif);
    background-repeat:no-repeat;
    background-position:5px 50%;
    }
    probiere das mal,

    die background position stimmt nicht,
    daher kann das Bild nicht richtig angezeigt werden

    lg

    Zitat von fabs

    und was muss man dann in die Template genau hineinschreiben, damit eine solche Variable ausgegeben wird?

    mit der WP-Hilfe komm ich auf kein Ergebnis :(

    Danke, fabs



    dafür gibt es oftmals Plugins,
    headspace ist eines von Urbangiraffe, als Beispiel,

    bei den >Erklärungen zu den Plugins steht immer dabei, ob diese über ein benutzerdefiniertes Feld aktiv werden oder nicht, und was es dazu in den templates braucht

    sternenlicht..
    probiere es aus, ;)

    suche Dir auch gleich ein Plugin, das php code Verwendung erlaubt,

    lg


    Da wo der ganz viele Abstand ist habe ich die li tags dazugegeben

    und den img tag anders geschlossen,

    so müßte es funktionieren

    lg

    ich habe bei
    body{
    ...
    statt der Kurzschreibweise:
    font:...
    aufgesplittert in
    font-size:0.9em;
    font-family:.....

    daraufhin wurde gleich alles viel kleiner

    dann bei

    #content:{font-size:1em;..


    und die #content h2{font-size:1.2em;

    sieht schon wesentlich besser aus :)

    lg

    wird sind am richtigen Weg
    es ist bereits wesentlich kleiner,
    es ist locker um die Hälfte kleiner
    jetzt noch
    #content h2 einfach kleiner machen

    und
    #content p font-size:0.9em; ausprobieren



    edit:

    #content h2 a {
    text-decoration: none;
    }
    #content h3 {
    padding: 0 0 0 17px;
    margin: .5em 0;
    font-size: 1.4em;
    }
    #content h4 {
    font-size: 1.3em;
    padding: 0;
    margin: 1em 0;
    }
    #content h5 {
    font-size: 1.1em;
    padding: 0;
    margin: 1em 0;
    }
    #content .date {
    font-size: 1em;
    text-align: right;
    font-weight: bold;
    }
    #content .meta {
    font-size: .9em;

    da ist auch noch Schriftgröße definiert

    lg