Sponsor-Board.de
Thema geschlossen  Thema schreiben 

html navi

Verfasser Nachricht

Beiträge: 1.557
Bewertung: 14
Registriert seit: Sep 2010
Status: offline


Beitrag: #1
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:

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-
stylenone;
    
color#f1f1f1;
    
font-size10px;


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
 
Alle Beiträge dieses Benutzers finden

Beiträge: 1.520
Bewertung: 7
Registriert seit: Oct 2010
Status: offline


Beitrag: #2
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
 
Alle Beiträge dieses Benutzers finden

Beiträge: 94
Bewertung: 0
Registriert seit: Apr 2013
Status: offline


Beitrag: #3
RE: html navi

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

29.05.2015 08:45
 
Alle Beiträge dieses Benutzers finden

Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status: offline


Beitrag: #4
RE: html navi

Portfolio: [Link: Registrierung erforderlich]

Projekte
[Link: Registrierung erforderlich]
[Link: Registrierung erforderlich]

29.05.2015 10:37
 
Alle Beiträge dieses Benutzers finden

Beiträge: 677
Bewertung: 0
Registriert seit: Feb 2013
Status: offline


Beitrag: #5
RE: html navi

[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.

Dieser Beitrag wurde zuletzt bearbeitet: 29.05.2015 10:58 von sic_.

29.05.2015 10:44
 
Alle Beiträge dieses Benutzers finden

Beiträge: 1.557
Bewertung: 14
Registriert seit: Sep 2010
Status: offline


Beitrag: #6
RE: html navi

Aaron schrieb:


Vielen vielen dank Aaron! ♥

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


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

29.05.2015 14:11
 
Alle Beiträge dieses Benutzers finden
Thema geschlossen  Thema schreiben 

Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  Hilfe bei HTML Schnipsel MaXxXaM 7 2.891 28.03.2019 00:33
Letzter Beitrag: BounTyOnline
  Ein wenig Hilfe bei PHP / HTML wahke 5 2.167 16.02.2019 07:41
Letzter Beitrag: wahke
  WP HTML Template in Theme einbinden Invisible 4 2.067 13.11.2017 12:13
Letzter Beitrag: Invisible
  PhP / HTML Frage Bildergalerie? HardwareNow 4 2.183 27.07.2017 13:14
Letzter Beitrag: GYJohn
  Frage TextFeld HTML ? HardwareNow 1 1.895 06.12.2016 12:46
Letzter Beitrag: Muetzus

 Druckversion anzeigen
 Thema einem Freund senden
 Thema abonnieren
 Thema zu den Favoriten hinzufügen

Sponsor-Board.de

Community
Über uns
Partner
Powered by Mybb: Copyright 2002-2024 by MyBB Group - Deutsche-Übersetzung von Mybb.de
 
© 2007-2024 Sponsor-Board.de - Hosted by OVH

Willkommen auf SB!   Sie benötigen ein Sponsoring?   1. Anmelden   2. Sponsoring-Anfrage erstellen   3. Nachrichten von Sponsoren erhalten   Kostenlos!   Jetzt registrieren