+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: html navi (/showthread.php?tid=55441)
html navi - Emptyx - 29.05.2015 01:02
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">Ü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
RE: html navi - skillz - 29.05.2015 02:48
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.
RE: html navi - Leitwerk - 29.05.2015 08:45
Das sollte dir denke ich helfen : [Link: Registrierung erforderlich]
RE: html navi - Aaron - 29.05.2015 10:37
Hier: [Link: Registrierung erforderlich]
RE: html navi - sic_ - 29.05.2015 10:44
[Link: Registrierung erforderlich]
Edit: Haha oh je. Naja immerhin haebn wir unterschiedliche Ansätze verfolgt. Da kann er sich was aussuchen.
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.
RE: html navi - Emptyx - 29.05.2015 14:11
Aaron schrieb:
Hier: [Link: Registrierung erforderlich]
Vielen vielen dank Aaron! ♥
@sic_ Das ist mir bewusst, deswegen habe ich es ja auch angeboten 