Liste ohne zeilenumbruch

[Peter]

Hallo,

Ich bin dabei meine Seite auf CSS umzustellen. Nun hänge ich daran meine "blinden" Tabellen mit denen ich das Layout umgesetzt hatte komplett rauszunehmen und auf CSS umzustellen...Da das ganze auch Screen-Reader tauglich sein soll wollte ich zB das Menu in eine Liste packen um einfach per Screen-Reader durchnavigieren zu können. Allerdings bekommen ich ums verrecken keine Liste hin die nach den </li> keinen! Zeilenumbruch macht, da hilft auch kein disply:block oder white-space:nowrap ... hat jemand eine Idee wie das zu schaffen ist ?
Und eben generell eine gute Möglichkeit blinde Tabellen mit CSS darzustellen...

Gruss

Peter

[Cheatah]

Hi,

Allerdings bekommen ich ums verrecken keine Liste hin die nach den </li> keinen! Zeilenumbruch macht,

beschäftige Dich mit der display-Eigenschaft und mit Floating.

da hilft auch kein disply:block

Dadurch _hast_ Du zunächst einmal Zeilenumbrüche. Das ist der Witz an block.

oder white-space:nowrap ...

Die Whitespaces sind hier nicht relevant.

Und eben generell eine gute Möglichkeit blinde Tabellen mit CSS darzustellen...

display:table-cell. Das versteht allerdings der IE nicht.

Cheatah

[Peter]

Dadurch _hast_ Du zunächst einmal Zeilenumbrüche. Das ist der Witz an block.

Also mit diesem Code
<p style="display:block;">
<ul>
<li><a href="">Link1</a></li>
<li><a href="">Link2</a></li>
<li><a href="">Link3</a></li>
<li ><a href="">Link4</a></li>
</ul>
</p>

bekomme ich die Liste untereinander ausgegeben, mache ich das display in <ul ...> dann ändert das auch nichts...woran kanndas liegen ?

Gruss
 Peter

[Cheatah]

Hi,

bekomme ich die Liste untereinander ausgegeben, mache ich das display in <ul ...> dann ändert das auch nichts...

das ist so wie jene Klage eines Users:

"Auf dem Bildschirm steht, ich soll eine beliebige Taste drücken. Jetzt habe ich schon Strg, Alt und die Großmach-Taste probiert, aber nichts passiert."

Soll vor und hinter dem <ul> ein Umbruch sein? _Das_ würde von der display-Eigenschaft dieses Wertes beeinflusst werden (u.a.). Irgendwelche anderen Elemente wie die <li>s betrifft das nicht.

Cheatah

[schwarze Piste]

Tachchen!

Wie schon von Cheatah gesagt: display:block _macht_ Absätze
(zumindest Zeilenumbrüche). Kennst du andere Displayeigenschaften?

Ansonsten solltest du aus praktischen Erwägungen den Hinweis auf float
nicht so kümmerlich verdarben lassen.

Und über den (Un-)Sinn des P solltest du evtl. auch noch einmal nachdenken. ;-)

Gruß

Die schwarze Piste

[Zeromancer]

Hallo Peter,

Also mit diesem Code
<p style="display:block;">

<p> _ist_ ein Blockelement und braucht kein display:block . Es erzeugt per default immer einen Absatz.

<ul>
<li><a href="">Link1</a></li>
<li ><a href="">Link4</a></li>
</ul>

<p> soll/darf keine anderen Blockelemente enthalten.

Du willst die <li> nebeneinander haben? Dann sage es ihnen auch.

<li display:float:left> dürfte helfen.

Mit freundlichen Grüßen

André

[schwarze Piste]

Tachchen!

<li display:float:left> dürfte helfen.

Unabhängig davon, ob ich Cheatahs pädagogische Ambitionen nicht arg
torpediert sehe durch dein Posting: SO geht's sicher nicht!

Gruß

Die schwarze Piste

[Zeromancer]

Hallo,

Unabhängig davon, ob ich Cheatahs pädagogische Ambitionen nicht arg
torpediert sehe durch dein Posting: SO geht's sicher nicht!

Da ist was wahres dran. Wer macht denn sowas?!

<li style="float:left;">bla</li>

Mit freundlichen Grüßen

André

[Cheatah]

Hi,

Wer macht denn sowas?!

war das nicht die Reaktion des Arztes, als seine Patientin ihm sagte, sie habe einen Knoten in der Brust?

Cheatah ;-)