Sponsor-Board.de

Hallo SB,
ich bräuchte mal eine kleine Hilfestellung für eine Navigation in HTML/CSS.

Folgendes möchte ich haben:
http://i.gyazo.com/fa991bbd6a0f4341424b4d9e35c7cbe0.png(!https)

Und so sieht es bis jetzt aus:

http://i.gyazo.com/1c57483e5ca63a0314e127580cd5bfa5.png(!https)

Meine Frage: Wie bekomme ich die Trennlinien und den Hovereffekt so hin? Außerdem würde ich die Unterpunkte gerne aufklappbar machen.

Mein Code:

PHP-Code:

                <ul>
                    <li><a href="./index.html">Home</a></li>
                    <li><a href="./about.html">&Uuml;ber mich</a></li>
                    <li><a href="./portfolio/index.html">Portfolio</a></li>
                    <li><a href="./portfolio/web.html">Unterpunkt 1</a></li>
                    <li><a href="./portfolio/print.html">Unterpunkt 2</a></li>
                    <li><a href="./portfolio/misc.html">Unterpunkt 3</a></li>
                    <li><a href="./contact.html">Kontakt</a></li>
                </ul> 

PHP-Code:

ul
{
    list-style: none;
    color: #f1f1f1;
    font-size: 10px;
} 

Würde mich über jegliche Hilfe freuen. Kann auch gerne ein paar Punkte anbieten, aber ist ja eigentlich für jemanden der das kann keine große Sache denke ich mal ^^.

~Emptyx

Sofern ich dich richtig verstanden habe, musst du dem a tag ein padding geben, li und a auf 100% width setzen und mit :hover den background zuweisen.

Für die Trennlinie einfach an dem li ein border-bottom von 1px geben evtl mit padding rumschieben.

Das sollte dir denke ich helfen : [Link: Registrierung erforderlich]

Hier: [Link: Registrierung erforderlich]

[Link: Registrierung erforderlich]

Edit: Haha oh je. Naja immerhin haebn wir unterschiedliche Ansätze verfolgt. Da kann er sich was aussuchen. Smile

Zitat:

Würde mich über jegliche Hilfe freuen. Kann auch gerne ein paar Punkte anbieten, aber ist ja eigentlich für jemanden der das kann keine große Sache denke ich mal ^^.

Stimmt. Keine große Sache - aber eine, die Zeit kostet und für dich ich normalerweise bezahlt werde. Also ist es für dich doch sicher keine große Sache, mich zu bezahlen, oder?

Es ist auch keine große Sache Mülleimer zu entleeren. ACHTUNG: Diese Leute werden trotzdem dafür bezahlt! Ja ich weiß, dein Weltbild fällt jetzt in sich zusammen wie Zuckerwatte im Regen. Zeit ist Geld. Bitte merken.

Aaron schrieb:

Hier: [Link: Registrierung erforderlich]

Vielen vielen dank Aaron! ♥

@sic_ Das ist mir bewusst, deswegen habe ich es ja auch angeboten Wink

Emptyx

skillz

Leitwerk

Aaron

sic_

Emptyx