Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   Web-Design einrücken bei <li> Tag (https://www.photoshop-cafe.de/forum/showthread.php?t=275)

vektorpixel 13.07.05 20:09

einrücken bei <li> Tag
 
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 13.07.05 20:13

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 13.07.05 20:18

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 13.07.05 20:22

HTML-Code:

<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 13.07.05 20:26

ahh ... jetzt verstehe ich ...
HTML-Code:

<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 13.07.05 20:30

@Fobby

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

CrazyCreator 13.07.05 20:35

@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 13.07.05 20:39

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 13.07.05 20:54

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 13.07.05 21:02

Geht nur per CSS

HTML-Code:

<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 13.07.05 21:05

: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 13.07.05 21:07

Zitat:

Zitat von Fobby
Geht nur per CSS

HTML-Code:

<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 13.07.05 21:11

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 13.07.05 21:14

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 13.07.05 21:14

Zitat:

Zitat von vektorpixel
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:14 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,02179 Sekunden mit 8 Queries