[Pumpkin]

Hallo,

ich bastel gerade an einem verticalen Menü. Doch ich bekomme es einfach nicht richtig hin.

1. Die Links liegen nicht untereinander.
2. Die Links sollen die komplette Ebene belegen und nicht nur den Text.

http://xeno-saga.com/index.php

Wo steckt mein Denkfehler?

CSS

#navi ul {
display:block;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
border-top:1px solid #b5b5b5;
border-bottom:1px solid #b5b5b5;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

#navi ul li {
font-weight:bold;
display:inline;
}

#navi ul li a:link, a:visited, a:active {
color:#000000;
text-decoration:none;
}

#navi ul li a:hover {
color:#ffffff;
background-color:#000000;
}

XHTML

<div id="navi">
<ul id="navlist">[*][img]./design/images/rundung.png[/img]
[*]&raquo; Review[*]&raquo; Story[*]&raquo; Charakter[*]&raquo; Screenshots[*]&raquo; Walkthrough[*]&raquo; Secrets
[*][img]./design/images/cellpic.gif[/img][*][img]./design/images/rundung.png[/img]
[*]&raquo; Review[*]&raquo; Story[*]&raquo; Charakter[*]&raquo; Screenshots[*]&raquo; Walkthrough[*]&raquo; Secrets
[*][img]./design/images/cellpic.gif[/img][*][img]./design/images/rundung.png[/img]
[*]&raquo; Review[*]&raquo; Story[*]&raquo; Charakter[*]&raquo; Screenshots[*]&raquo; Walkthrough[*]&raquo; Secrets[/list]</div>

[Boris]

Man sollte Code auch verstehen, bevor man ich stupide 1:1 von irgendwoher kopiert.

Entferne das display:inline; aus dem LI, dann hast du die Links untereinander.

Das display: block bei UL ist auch unsinnig, UL ist bereits Standardmäßig ein Blockelement.

Auch kann man sowas:

padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;

Abkürzen in:

padding: 0;

text-decoration für UL ist auch total sinnfrei, das hat nur in A-Defintionen zu suchen.

#navi ul li a:link, a:visited, a:active ... da reicht ein #navi ul li a - weiter nix.

[Pumpkin]

Sorry aber der Code ist nicht "irgendwoher kopiert". Mir wurde hier doch nahe gelegt auf UL-List umzusteigen.

Dabei habe ich halt einige Probleme.

Hab aber deine Vorschläge umgesetzt, doch nun habe ich wieder die Auflistungspunkte:

http://xeno-saga.com/index.php

Und wie bekomme ich nun die Links wieder auf die komplette Länge und nicht nur bis zum Link-Textende?

[fricca]

Zitat von Pumpkin

doch nun habe ich wieder die Auflistungspunkte

Wieso wieder? Du hast sie doch nirgends entfernt.
Informiere dich über die list-style-(type-)Eigenschaft.

Und wie bekomme ich nun die Links wieder auf die komplette Länge und nicht nur bis zum Link-Textende?

Mit display:block

Validier bitte dein Dokument.
Eine ID darf nur einmal vorkommen.

[Boris]

Zitat von Pumpkin

Sorry aber der Code ist nicht "irgendwoher kopiert". Mir wurde hier doch nahe gelegt auf UL-List umzusteigen.

In deinem Code steht massig sinnloser und unlogischer Krams drin. Daher liegt die Vermutung nahe, dass du keine Ahnung hast, was du da schreibst, der es einfach irgendwo kopiert hast

Zitat von Pumpkin

Hab aber deine Vorschläge umgesetzt, doch nun habe ich wieder die Auflistungspunkte:

Dann gib dem UL ein list-style-type: none; ... und weg sind sie.

Zitat von Pumpkin

Und wie bekomme ich nun die Links wieder auf die komplette Länge und nicht nur bis zum Link-Textende?

Gib dem A ein display: block und eine definierte Breite.

[Pumpkin]

Zitat von fricca

Validier bitte dein Dokument.
Eine ID darf nur einmal vorkommen.

Wie verwende ich dann bitte erneut den selben CSS-Code wenn ich nicht die ID erneut benutzen darf?

[Boris]

Meine Güte, lern bitte erstmal HTML und CSS Basics ... für CSS Angaben, die mehrmals benutzt werden sollen, nimmt man Klassen und keine IDs.

.test
{
...
}

<ul class="test"> ...

Und entferne bitte dieses gestauchte Kopfbild ... das sieht so total !$%&#§ aus ...

[Pumpkin]

hey ich bin anfänger und gebe mir mühe.

selfhtml kenne ich und finde ich furchtbar. Genau wie css4you fehlen (zumindest für mich) gute Erklärungen. Ich finde einfach nie das wonach ich suche.

[Boris]

Zitat von Pumpkin

hey ich bin anfänger und gebe mir mühe.

selfhtml kenne ich und finde ich furchtbar. Genau wie css4you fehlen (zumindest für mich) gute Erklärungen. Ich finde einfach nie das wonach ich suche.

Ich hab vor bald 10 Jahren auch mit SELFHTML angefangen, und ich hab alles gefunden. Und damals gabs keine Suchfunktion bei SELFHTML, heute schon

[andir]

Jetzt seid mal nicht so grob... jeder hat mal angefangen und wir können nicht erwarten, dass hier nur vertiefte oder exotische Probleme angesprochen werden - immerhin zeigt er sich lernwillig.

Ich denke @ Ersteller, dein Problem ist durch Boris`Antworten gelöst?


grüsse andir