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:


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:33 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,01698 Sekunden mit 8 Queries