einrücken bei <li> Tag

[vektorpixel]

Hallo Zusammen

Auch ich habe den Weg in das neue Forum gefunden. ich hoffe den andern geht es genau so und ich kann nun auf eure Hilfe zählen. Ich habe folgendes Problem. Ich definiere eine liste mit einem Aufzählungszeichen. Soweit so gut.
Das sieht dann etwa so aus: <li>Hier ist eine Liste</li>

Nun bricht sich der Text aber um und beginnt auf einer neuen Zeile - jedoch ganz am Anfang, direkt unter dem Aufzählungszeichen. Ich möchte aber, dass der Text einrückt, bis dort wo er oben schon angefangen hat. In "Word" nennt man das "hängender Einzug".

Danke für eure Hilfe

[CrazyCreator]

Soll es so aussehen?

Punkt 1
Punkt 2
Punkt 3


du mußt sie unterpunkte in die liste packen und den hauptpunkt ohne list machen ^^

[vektorpixel]

Nein nicht ganz. Nehmen wir an du hast so viel geschrieben, dass sich die Zeile umbricht, du bist aber immernoch bei Punkt eins.

Mal schauen ob ich das darstellen kann:

<li>Hallo dies ist das Photoshop-cafe.de ich weiss nicht was ich sonst noch schreiben könnte dies soll ja auch nur ein Test sein um zu schauen ob ich euch zeigen kann was ich meine. Vielleicht hat es ja geklappt.</li>

So. Nun soll "meine" aber am gleichen Ort beginnen wie "Hallo".

[Fobby]

<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<ul>
<li>text</li>
<li>text</li>
</ul>
</ul>


So ... ?

text
text
text
text

text
text



/edit:
Ah ... zu spät gepostet, DAS willst du also nicht wissen :p


text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text


So?

[CrazyCreator]

ahh ... jetzt verstehe ich ...

<dl>Eine Liste
<ol>
<li>hier ist der ewig lange text hier ist der ewig lange texthier ist der ewig lange texthier ist der ewig lange texthier ist der ewig lange texthier ist der ewig lange text </li>
<li>hier ein kürzerer </li>
<li>hier ist gar kein text ;) </li>
<li>und hier ist ein smilie </li>
</ol>
</dl>


also bei mir bricht es jetzt den text sauber um und die neue zeile fängt genau unter "hier" an

getestet mit: firefox, mozilla, konqueror, quanta+

[vektorpixel]

@Fobby

Genau so. Ist dass der Code den Crazy Creator gepostet hat? Oder wie macht man das?

[CrazyCreator]

@vektorpixel
mach doch mal copy&paste mit dem code :curtain: ... und dann sage ob es so passt. wenn nicht immer weiter meckern, bis es passt. wir müll'n dich so lange mit html code zu bis du :frieden:

[Fobby]

Ja, so wie ich es als HTML-Code geschrieben habe. Kannst aber auch einfach im Quelltext des threads nachschaun ... einfach mal nach

text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz viel text ganz

suchen :P

[vektorpixel]

Jo also. Man kann das mit <ol> mit <ul> oder mit <dt> machen. Ich habs nun auch geschafft. Jedoch gibts noch ein Problem. Ich weiss ich meckere ständig rum :tease: aber:

Kann man das einrücken bei <ul> auch verhindern? Ich möchte alles auf der ersten "Ebene". Also linksbündig ohne Einzug. (Ausser in den Listen selber)

[Fobby]

Geht nur per CSS


<ul style = "margin-left:-30px">
<li>bla</li>
</ul>


Ich weiß grad nicht ausm Kopf ob es 20 oder 30 Pixel sind ... probiers aus. Bin mit aber auch nicht sicher, ob da alle Browser konform laufen, ich tipp mal auf "nein" - wie immer :notok:

[CrazyCreator]

:bahnhof:

denn wie man das einrücken bei einer liste verhindern könnte weiss ich auch nicht. allerdings entzieht sich mir dann auch der sinn der liste

[CrazyCreator]

Geht nur per CSS


<ul style = "margin-left:-30px">
<li>bla</li>
</ul>


Ich weiß grad nicht ausm Kopf ob es 20 oder 30 Pixel sind ... probiers aus. Bin mit aber auch nicht sicher, ob da alle Browser konform laufen, ich tipp mal auf "nein" - wie immer :notok:

sowas hab ich mir auch ansatzweise überlegt, aber ob das DIE lösung ist? ... ka
ich fürchte eher das da so einige browser durcheinander kommen könnten, wegen der komplett wiedersprüchlichen "aussage" der formatierung.

ich persönlich würde da lieber auf ne tabelle zurückgreifen und auf das list zeugs verzichten

[vektorpixel]

Ich hab das mit dem CSS mal probiert. Aber mindestens: "margin-left:15px" Funktioniert bei IE, führt aber nicht ganz zum gewünschten Ergebniss.

Ich löse nun das ganze mit einer Tabelle. Das geht auf jeden Fall schneller ;-)

Danke für eure Hilfe.

[Fobby]

Naja, ich glaub, ich hab das mal im SelfHtml Forum gelesen ... selbst angewendet einmal in einem Tooltip.
Ich erinner mich gerade ... im FF war dann alles normal, beim IE haben die Punkte nichtmehr ins Anzeigefenster gepasst... ein verschmerzbarer Grafikfehler, da er ja als "Ein-Browser-User" nie bemerkt wird.

[CrazyCreator]

Ich löse nun das ganze mit einer Tabelle. Das geht auf jeden Fall schneller ;-)

Danke für eure Hilfe.

es ist vor allem sicherer, da 100%ig zu allen browsern kompatibel.

viel spaß beim tabeln