Probleme mit Menü

    Hallo zusammen

    Ich bin gerade dran, ein Webauftritt für meinen Vater zu programmieren. Sieht eigentlich schon relativ gut aus, jedoch noch ein paar Fehler, die ich einfach nicht raus bekomme.. :???: Auch nach längerem googeln und suchen hier im Forum nicht..

    Also: Folgende Probleme auf folgender Seite:


    http://students.sbw-media.ch/rprader/wordpress

    Problem 1:
    Das Hauptmenü soll zwischen jedem Menüpunkt einen Border haben. Jedoch weiss ich nicht wie. Bis jetzt ist der Strich mit border-right hinterlegt. Gibt es eventuell eine Möglichkeit, den letzten Border auszublenden? Oder wie soll ich das machen?

    Problem 2:
    Alle Menüpunkte sollen genau gleich breit sein, egal ob der Text kleiner ist oder genau passt. Also eine festgelegte Breite. Wie geht das und wie kann ich danach den Inhalt zentrieren ?

    Problem 3:
    Öffnet man die Seite im IE bildet sich um das Logo ein Border. Jedoch wie gesagt nur im IE. Wie kriege ich den weg ?


    Herzlichen Dank schon im Voraus!

    • 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

    Zitat von raphael94

    Problem 1:
    Das Hauptmenü soll zwischen jedem Menüpunkt einen Border haben. Jedoch weiss ich nicht wie. Bis jetzt ist der Strich mit border-right hinterlegt. Gibt es eventuell eine Möglichkeit, den letzten Border auszublenden? Oder wie soll ich das machen?

    Problem 2:
    Alle Menüpunkte sollen genau gleich breit sein, egal ob der Text kleiner ist oder genau passt. Also eine festgelegte Breite. Wie geht das und wie kann ich danach den Inhalt zentrieren ?

    Ersetze die Angaben zu menu ul, menu ul li und menu ul li a durch folgende:

    Code
    #menu ul {position:relative; padding:0; margin:5px 0 0 0; float:right;list-style:none; }
#menu ul li {float:left; border-right:1px solid #000; }
#menu ul li:last-child {border:none;}
#menu ul li a{display:block;width:150px;text-align:center;}

    die 150px kannst nach deinem Geschmack ändern.

    Zitat von raphael94

    Problem 3:
    Öffnet man die Seite im IE bildet sich um das Logo ein Border. Jedoch wie gesagt nur im IE. Wie kriege ich den weg ?


    Notiere in der css:

    Code
    a img{border:none;}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden