Problem mit automatischem Zeilenumbruch

[Maik]

Hab ich vorhin irgendwas von einem "statischen" (gleichlautenden) Abstand erwähnt?

Nö, sondern nur auf deine Frage, wie man das Problem lösen kann, die grundsätzlichen technischen Möglichkeiten genannt, die dir CSS hierfür zur Verfügung stellt.

So, wie du dort ursprünglich vor jedem Bild eine entsprechende Anzahl von Leerzeichen eingefügt hast, deklarierst du eben für jedes Grafikelement seinen individuellen maßgeschneiderten Außenabstand, der übrigens in allen Browsern eine Übereinstimmung findet, wie diese Ansammlung von geschützten Leerzeichen im HTML-Code, die in dem einen oder anderen Browser gegenüber seinen Konkurrenten maßabweichend sein können.

Wenn jedes dieser unterschiedlich weit einzurückenden Bilder einmalig im HTML-Dokumentbaum enthalten ist, stellst du die einzelnen margin-left-Regeln mittels eines jeweiligen ID-Selektors auf, ansonsten eben über Klassen-Selektoren.

mfg Maik

 

[chriss_2oo4]

Hey Maik,

echt nett dass du dir soviel mühe gibst um mir weiterzuhelfen.

Wenn jedes dieser unterschiedlich weit einzurückenden Bilder einmalig im HTML-Dokumentbaum enthalten ist, stellst du die einzelnen margin-left-Regeln mittels eines jeweiligen ID-Selektors auf, ansonsten eben über Klassen-Selektoren.

Wenn ich das richtig verstehe, meinst du damit dass ich für jeden Abstand ein CSS-Element (Klasse) definiere, was in meinem Fall fast unmöglich ist, da ich beliebig viele unterschiedliche Abstände anzeigen können muss.


Beste Grüße
Chriss

 

[Maik]

Wenn ich das richtig verstehe, meinst du damit dass ich für jeden Abstand ein CSS-Element (Klasse) definiere, was in meinem Fall fast unmöglich ist, da ich beliebig viele unterschiedliche Abstände anzeigen können muss.

Achja? Und das Einfügen von beliebig vielen unterschiedlichen Leerzeichen ist im Vergleich dazu ohne weiteres möglich? :suspekt:

Nun denn, wenn du davon fest überzeugt bist, belassen wir's hier nun einfach dabei, und du darfst dich mit dem standardmäßigen Zeilenumbruch anfreunden, der den Textfluß unterhalb des Bildes fortsetzt, wenn es dir nicht möglich ist, diese praxisüblichen und -tauglichen CSS-Lösungsvorschläge in deiner Seite umzusetzen, und du nur die einzige Möglichkeit darin siehst, im HTML-Code mit einer Ansammlung von geschützten Leerzeichen "&nbsp;" die <img>-Elemente an ihren angedachten Platz zu verrücken. Denn dafür dürfen sie nicht weiterhin mit der float-Eigenschaft formatiert sein, womit die Textpassagen sie auch nicht mehr mit dem linken Außenabstand margin-left umfließen können.

Keine Sorge, es liegt mir sowas von fern, dir hier etwas aufzuzwängen, oder dich in deinem Glauben zu bekehren - schließlich warst du es, der hier im CSS-Forum nach Lösungen für dieses Problem gefragt hat, und ich habe dir darauf die technischen Möglichkeiten genannt und vorgestellt, die CSS hierfür bietet - aber wer nicht will, der hat schon

Mehr kann und will ich zu dem Thema dann auch nicht mehr sagen.

mfg Maik

 

[chriss_2oo4]

Hi Maik,

Wenn ich das richtig verstehe, meinst du damit dass ich für jeden Abstand ein CSS-Element (Klasse) definiere, was in meinem Fall fast unmöglich ist, da ich beliebig viele unterschiedliche Abstände anzeigen können muss.

Also falls du das jetzt als Kritik aufgefasst haben solltest, entschuldige ich mich für meine etwas ungeschickte Ausdrucksweise. Ich wollte damit nur sagen, dass MIR kein passender Lösungsansatz dazu einfällt.

Ich lass es einfach so wie es ist, ist bisher eh nicht der Fall gewesen, dass ein VZ einen so langen Namen hatte.

Ich hab es so gemeint:

Mein Problem -> Ich stelle einen Verzeichnisbaum dar. Die Verzeichnisse werden untereinander aufgelistet. Ist ein Verzeichnis eine Ebene tiefer als das darüber angezeigte, wird es um drei Leerzeichen nach rechts verschoben. Somit müsste ich beliebig viele CSS Klassen - für jede Ebene eine - bereitstellen.

Beste Grüße
Chriss

 

[Maik]

Ich hab es so gemeint:

Mein Problem -> Ich stelle einen Verzeichnisbaum dar. Die Verzeichnisse werden untereinander aufgelistet. Ist ein Verzeichnis eine Ebene tiefer als das darüber angezeigte, wird es um drei Leerzeichen nach rechts verschoben. Somit müsste ich beliebig viele CSS Klassen - für jede Ebene eine - bereitstellen.

Solch einen Verzeichnisbaum würde ich im Markup mit einer verschachtelten unsortierten Liste (<ul>) auszeichnen:

<ul>
    <li>Ebene 1</li>
    <li>Ebene 1
        <ul>
            <li>Ebene 2</li>
            <li>Ebene 2
                <ul>
                    <li>Ebene 3</li>
                    <li>Ebene 3
                        <ul>
                            <li>Ebene 4</li>
                            <li>Ebene 4
                                <ul>
                                    <li>Ebene 5</li>
                                    <li>Ebene 5
                                        <ul>
                                            <li>Ebene 6</li>
                                            <li>Ebene 6
                                                <ul>
                                                    <li>Ebene 7</li>
                                                    <li>Ebene 7</li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
<ul>

Und für die <ul>-Elemente der tieferen Verzeichnisebenen einen linken Außenabstand einrichten:

ul {
margin:0;
padding:0;
list-style:none;
}
ul ul {
margin-left:1em;
}

Fertitsch

Das deckt sich dann auch voll und ganz mit diesem Zwischenruf in Post #4:

Eleganter wäre eine Möglichkeit mit Aufzählungen: Hier. Da kann man auch eigene Bilder als Aufzählungszeichen definieren. Das bezieht sich auf die HTML-Elemente ul, bzw. ol.

mfg Maik