Firefox mit Punkt im <ul><li> IE nicht

[stp69]

Moin,

ich hab ne CSS definiert:

#header ul{
    position:absolute;
    left:3px;
    top:29px;
    width: 80%;
}
#header ul li{
    float:left;
}

Resultat:


Die geünschte Darstellung sollte sein:

Home | IP-Adresse | Newsletter | ect | pp

Also ohne den Punkt. Wie definiere ich dass nun für den FF und IE?

Gruß
StP69

 

[stb_87]

AW: Firefox mit Punkt im <ul><li> IE nicht

Ganz einfach mit list-style: none;

 

[rapzitis]

AW: Firefox mit Punkt im <ul><li> IE nicht

#header ul li
{
list-style:none;
}

Listen werden standardmäßig mit einem Listenpunkt versehen - auf jedem browser. Beim IE wird er wohl momentan wegen dem floaten weggeschnitten/verdeckt.

Mit list-style:none wird das Aufzählungszeichen weggeblendet.


schau mal bei CSS 4 You - The Finest in Stylesheets

 

[stp69]

AW: Firefox mit Punkt im <ul><li> IE nicht

perfekt, herzlichen Dank Euch beiden.

StP69

 

[Mway]

AW: Firefox mit Punkt im <ul><li> IE nicht

mich würde mal intressieren, warum du da überhaupt ein <ul><li> einbaust.

Eine Aufzählung ist doch in diesem Fall ganz unnötig.

Oder habe ich da was falsch verstanden ?

 

[kleeaar]

AW: Firefox mit Punkt im <ul><li> IE nicht

warscheinlich wil es auf einer Seite wie dieser vorgeschlagen wurde...


tja...

Grüße

 

[Mway]

AW: Firefox mit Punkt im <ul><li> IE nicht

sowas ist mir gänzlich unverständlich eine Aufzählung zu machen und dieser dann die Punkte zu nehmen.

In diesem Fall könnte man ganz gemütlich ohne grossen Aufwand simple Textlinks einbauen und fertig.

Naja jedem das seine ^^

 

[stb_87]

AW: Firefox mit Punkt im <ul><li> IE nicht

Es ist regelrecht zum Standard geworden, dass Navigationen mit Listen erstellt werden.

Ich glaube da habt er den Trend wohl verpennt...

 

[Mway]

AW: Firefox mit Punkt im <ul><li> IE nicht

ok, da ich schon länger selber nicht mehr html anwende bin ich da nicht ganz up to date.

Wenn man das heute so macht, dann wird es wohl so gemacht ^^

 

[stp69]

AW: Firefox mit Punkt im <ul><li> IE nicht

Wenn ich eine Navigation mit Liste erstelle, kann ich diese Liste mit verschiedenen Designs immer wieder verwenden. Dabei mal horizontal oder vertikal oder mit Punkt oder einer eigenen Listengrafik ect....

Es ist die ultimative Trennung von Code und Design und dazu völlig Flexibel

 

[rapzitis]

AW: Firefox mit Punkt im <ul><li> IE nicht

Wenn ich eine Navigation mit Liste erstelle, kann ich diese Liste mit verschiedenen Designs immer wieder verwenden. Dabei mal horizontal oder vertikal oder mit Punkt oder einer eigenen Listengrafik ect....

Es ist die ultimative Trennung von Code und Design und dazu völlig Flexibel

Naja, also wenn du statt dem ul/li-gedöns einfach 2 divs und ein ein link (<a>) nimmst. Hast du genau so viele elemente zum Stylen und auch hier wird inhalt vom design perfekt getrennt und in andere Projekte übertragen kannste das natürlich auch

Die Vorteile liegen meines Wissens eher darin, das Programme wie ein Browser, oder auch ein Screenreader wissen wie sie diese Elemente behandeln/darstellen sollen.

Jeder Browser bringt ja seine eigene "CSS" mit und stellt so eine Liste default schön untereinander gegliedert dar. Würde man auf eine Liste verzichten - sind es einfach Hyperlinks im Fließtext. -.-

D.h. das User die CSS deaktivert haben (aus welchen gründen auch immer) eine akzeptable, übersichtliche Darstellung haben. (Vor allem bei der Verwendung von verschachtelten Listen, für Subkategorien)

Also meines Wissens hat es wohl eher noch mit Barrierefreiheit zu tun.

Ich selber nutze auch ausschließlich Listen für Navigationen.