Die beste Navgation

Jet · 19.03.2008, 00:22

Hi,
ich bastel mir gerade meine eigene Webseite und bin nun am gucken wie die Navigation am besten aussieht.
Mir sind folgende Möglichkeiten gekommen:
a) Ein Div zentriert und die einzelnen Links mit "-" trennen.
b) Eine Tabelle wo man die Links in Spalten einteilt

Mir persönliche gefällt die Variante mit Divs besser aber was ist eure Meinung dazu?

iSebastian · 19.03.2008, 18:41

Ich würde es mit <ul> und[*] machen.
sieht im QT am schönsten aus und ist einfach mit CSS zu bearbeiten.

Xray · 20.03.2008, 16:05

Zitat:

Zitat von Sebastian

Ich würde es mit <ul> und[*] machen.
sieht im QT am schönsten aus und ist einfach mit CSS zu bearbeiten.

Genau das wäre auch meine Idee gewesen

Jet · 20.03.2008, 22:33

Wie genau meint ihr das mit li?

So???

Code:

<ul>Link[/list][*]Link

Xray · 21.03.2008, 22:48

Zitat:

Zitat von Jet

Wie genau meint ihr das mit li?

So???

Eigentlich ganz einfach. Du musst es so machen:

Code:

<ul>[*]Link 1[*]Link 2[*]Link 3[*]Link 4[/list]

Ich hoffe ich konnte dir helfen

Jet · 22.03.2008, 12:58

Danke ich habe meine Navigation gleich Mal abgeändert.

Nur eine Frage bleibt noch.

Meine Code sieht so aus:

Code:

<html>
<head>
<title>Navigation</title>
</head>
<body>
<ul>[*]Link 1[*]Link 2[*]Link 3[*]Link 4
[/list]</body>
</html>

Aber wie bekomme ich es nun hin, dass die ganzen Links nebeneinander angezeigt werden?

iSebastian · 23.03.2008, 13:09

Versuch es Mal so:

Code:

<html>
<head>
<title>Navigation</title>
<style type="text/css">
.nav {
list-style-type: none;
}
.nav li {
float: left;
}
</style>
</head>
<body>
<ul class="nav">[*]Link 1 [*]Link 2 [*]Link 3 [*]Link 4 [/list]</body>
</html>

Mit float geht es in eine Reihe und mit list-style-type verschwinden die Kästchen vor den Links.

Sn0opy · 23.03.2008, 13:45

Zitat:

Zitat von Sebastian

Versuch es Mal so:

Code:

<html>
<head>
<title>Navigation</title>
<style type="text/css">
.nav {
list-style-type: none;
}
.nav li {
float: left;
}
</style>
</head>
<body>
<ul class="nav">[*]Link 1 [*]Link 2 [*]Link 3 [*]Link 4 [/list]</body>
</html>

Mit float geht es in eine Reihe und mit list-style-type verschwinden die Kästchen vor den Links.

Falsch. Sowas macht man mit "display: inline;"

iSebastian · 23.03.2008, 16:04

Zitat:

Zitat von Sn0opy

Falsch. Sowas macht man mit "display: inline;"

Danke für die Korrektur.

Ich hab es bis jetzt immer so gemacht und es funktioniert prima^^

RSP-Fan · 23.03.2008, 19:31

Ich hätte noch eine andere Idee: Mit PHP ein Menü gestalten, und es dann bei jeder Seite mit include einfügen. Schont den Speicher und wenn man mal was ändern muss, braucht man nur in der Menü Datei was ändern. Beispiel: http://www.rspfans.at/