Problem bei Navi-Formatierung

  • Hallo,

    ich verzweifle an der Formatierung und Positionierung der Navi-Leiste und der Headergrafik.

    1. Die Navi soll bündig mit dem Text aus den Beiträgen sein
    2. Die aktive Seite soll in der Navi mit weißem Text dargestellt sein
    3. Die Headergrafik soll wenn möglich nach links.

    http://meiners-kosmetik.de/blog/

    Hier der Code aus dem Stylesheet

    Code
    /***header and topnavi***/
    #top                 {background:transparent url(images/top.png) repeat-x; height:110px;}
    #topbar img            {background:transparent; float:left; padding:0; margin:0;}
    #topbar                 {background:transparent; margin:0 auto; height:30px; width:1000px;}
    ul.topmenu             {background:transparent; float:left; margin:0; padding:0; list-style-type:none;}
    ul.topmenu li             {background:transparent; float:left;}
    ul.topmenu li a         {background:transparent; float:left; margin:70px 0 0 0; padding:0 11px; height:30px;font-weight:bold; color:#006699; display:inline;}
    ul.topmenu li a:hover            {background:transparent; padding:0 11px;font-weight:bold; color:#ffffff;}
    ul.topmenu current         {background:transparent; color:#ffffff;font-weight:bold; text-decoration:underline; }

    Weiß hier jemand Abhilfe?

    • 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

  • unabhängig voom CSS Problem

    [Invalid] Markup Validation of http://meiners-kosmetik.de/blog/ - W3C Markup Validator

    das ist nicht so gut

    Code
    <br />

    heißt es ;)

    und das ul braucht eine Breite,
    da aber die li a alle ein padding left von 11 px haben

    wirst du entweder den 1. Link hart verlinken müssen und genau dem das padding-left 0 geben müssen

    alles andere übersteigt deine CSS Kenntnisse, weil es etliche Browserweichen sonst bedarf

    lg

Jetzt mitmachen!

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