html navi
|
Verfasser |
Nachricht |
|
Beiträge: 1.557
Bewertung: 14
Registriert seit: Sep 2010
Status:
offline
|
html navi
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:
<ul> <li><a href="./index.html">Home</a></li> <li><a href="./about.html">Ü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>
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

|
|
29.05.2015 01:02 |
|
|
Beiträge: 1.520
Bewertung: 7
Registriert seit: Oct 2010
Status:
offline
|
RE: html navi
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.
|
|
29.05.2015 02:48 |
|
|
Beiträge: 94
Bewertung: 0
Registriert seit: Apr 2013
Status:
offline
|
|
29.05.2015 08:45 |
|
|
Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status:
offline
|
|
29.05.2015 10:37 |
|
|
Beiträge: 677
Bewertung: 0
Registriert seit: Feb 2013
Status:
offline
|
RE: html navi
[Link: Registrierung erforderlich]
Edit: Haha oh je. Naja immerhin haebn wir unterschiedliche Ansätze verfolgt. Da kann er sich was aussuchen. 
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.
Dieser Beitrag wurde zuletzt bearbeitet: 29.05.2015 10:58 von sic_.
|
|
29.05.2015 10:44 |
|
|
Beiträge: 1.557
Bewertung: 14
Registriert seit: Sep 2010
Status:
offline
|
RE: html navi
Vielen vielen dank Aaron! ♥
@sic_ Das ist mir bewusst, deswegen habe ich es ja auch angeboten 

Dieser Beitrag wurde zuletzt bearbeitet: 29.05.2015 14:26 von Emptyx.
|
|
29.05.2015 14:11 |
|
|