Lists mit CSS formatieren

html.de-Forum HTML, XHTML & CSS
1

hallo leute,
hab ich folgende problem: ich habe meine navigationstasten mithilfe von lists erstellt. jetzt will ich dass " li " elemente verschieden grossen haben. mit tabellen kann ich dass sehr leicht machen aber mit lists klappt es nicht. hier ist mein cod mit tabellen (so will ich es haben) und mit lists:

Categorie1
Beispieltext1
Beispieltext2
Categorie2
Beispieltext3

mfg

2

Lass das div weg, du gruppierst da nichts, also ist es überflüssig.
Lass die absolute Positionierung weg, die ist meistens unnötig.
Bei dem ersten Listenelement hast du ein schließendes , aber kein öffnendes.

Wenn es nach der Behebung der Fehler noch immer nicht klappt, würde ein Link zur Seite helfen.
3

danke Thor für deine tipps,
aber ich habe thema erstellt nicht für fehlers sondern vielmehr für design. ich will dass „Categories“ einbissen grosser werden als „beispieltexts“. und du schlägst vor dass ich div tag weg lasse. wie kann dann meine liste formatieren? gibt es eine andere möglichkeit? (ich muss mehrer lists haben,und jeder kriegt eine andere formatierung).
mfg tigran
4

Direkt die Liste formatieren. Also:

ul { .. }

Optional natürlich auch mit Klasse möglich.

gibt es eine andere möglichkeit? (ich muss mehrer lists haben,und jeder kriegt eine andere formatierung).
mfg tigran
[/QUOTE]

5

ok,
danke threadi,
aber was ist mit " li " elements höhe? kann ich die unterschiedlich hoch haben in einer list?
mfg

6

Wenn Du einzelne Elemente eines Typs anders formatieren willst, verwende für die anders formatierten Elemente Klassen. Also:

li { .. Standard ..} li.anders { .. Unterschiede vom Standard .. }

7

ok leute,
danke euch alle.hat geklappt. Hab ich einfach eine neue klasse erstellt und dort höhe definiert. Es sah so aus.

mfg tigran[FONT=&quot][/FONT]

8

In deinem Code hast Du hinter einem „listform“ ein Anführungszeichen vergessen.

9

ja, ist beim kopieren passiert, läuft aber alles.
danke.

10

Um das Design kann man sich aber erst vernünftig kümmern, wenn der Quellcode fehlerfrei ist, denn sonst kann es passieren, dass das CSS auch nicht richtig funktioniert.

11

Ausserdem würde ich dir raten die CSS datei auszulagern damit du sie auf jede seite übertragen kannst ohne das ganze wieder und wieder copy-pasten musst und du hast eine übersichtlichere ausstattung deines codes. Ausserdem kannst du css welche du nur für eine Seite benutzen willst immernoch im head positionieren ohne das diese auf die anderen seiten übernommen wird.