Auf Thema antworten

Beitrag

<blockquote data-quote="Sunflower123" data-source="post: 2614132"><p>Hallo,</p><p>ich verzweifel gerade mit Dreamweaver und hoffe sehr, hier kann mir jemand helfen.</p><p></p><p>Ich habe mit Bootstrap eine ziemlich lange Tabelle mit Divs erstellt, in der ich einzelne Texte nun ausblenden möchte um es übersichtlicher zu gestalten. Das erstellen und auch das farbliche Anpassen, hat funktioniert.</p><p></p><p>Leider bekomme ich es aber nicht hin, dass der Block auch vollständig dort erscheint, wo er soll.</p><p></p><p>Versucht habe ich es mit.</p><p></p><p>[code]</p><p>&lt;div class=&quot;container-fluid panel-normal&quot; &gt;</p><p>&nbsp; &lt;div class=&quot;container&quot;&gt;</p><p>&nbsp; &lt;div class=&quot;col-xs-12 col-sm-12&quot;&gt;</p><p>&nbsp; &lt;h1&gt;&lt;strong&gt;Liste der Zutaten&lt;/strong&gt;&lt;/h1&gt;</p><p>&nbsp;&nbsp; </p><p>&nbsp; &lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&nbsp;&lt;div class=&quot;col-xs-12 col-sm-12&quot;&gt;</p><p>&nbsp; &lt;div data-role=&quot;page&quot; id=&quot;page&quot;&gt;</p><p>&nbsp; &lt;div data-role=&quot;content&quot;&gt;</p><p>&nbsp; &lt;div data-role=&quot;collapsible-set&quot;&gt;</p><p>&nbsp; &lt;div data-role=&quot;collapsible&quot;&gt;</p><p>&nbsp; &lt;h3&gt;Phase 1&lt;/h3&gt;</p><p>&nbsp; &lt;p&gt;Inhalt&lt;/p&gt;</p><p>&nbsp; &lt;/div&gt;</p><p>&nbsp; &lt;div data-role=&quot;collapsible&quot; data-collapsed=&quot;true&quot;&gt;</p><p>&nbsp; &lt;h3&gt;Phase 2&lt;/h3&gt;</p><p>&nbsp; &lt;p&gt;Inhalt&lt;/p&gt;</p><p>&nbsp; &lt;/div&gt;</p><p>&nbsp; &lt;div data-role=&quot;collapsible&quot; data-collapsed=&quot;true&quot;&gt;</p><p>&nbsp; &lt;h3&gt;Phase 3&lt;/h3&gt;</p><p>&nbsp; &lt;p&gt;Inhalt&lt;/p&gt;</p><p>&nbsp; &lt;/div&gt;</p><p>&nbsp; &lt;/div&gt;</p><p>&nbsp;</p><p>&nbsp;&nbsp; </p><p>&nbsp; &lt;/div&gt;</p><p>&nbsp;&nbsp; </p><p></p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class=&quot;container-fluid panel-normal&quot; &gt;</p><p>&nbsp; &lt;div class=&quot;container&quot;&gt;</p><p>&nbsp; &lt;div class=&quot;col-xs-12 col-sm-12 tabelle_hauptpunkt&quot;&gt;</p><p>&nbsp; &lt;h1&gt;&lt;strong&gt;Wirkstoffe&lt;/strong&gt;&lt;/h1&gt;</p><p>&nbsp;&nbsp; </p><p>&nbsp; &lt;/div&gt;</p><p>&nbsp; &lt;/div&gt;</p><p>&nbsp; &lt;div class=&quot;container&quot;&gt;</p><p>&nbsp; &lt;div class=&quot;col-xs-12 col-sm-4&quot;&gt;</p><p>&nbsp; &nbsp;&nbsp; </p><p>[/code]</p><p></p><p>Wenn ich das so im Dreamweaver eingebe, überschneidet sich in der Vorschau der reduzierbare Block mit dem nachfolgenden Div. </p><p>Wie bekomme ich es denn hin, dass dies nicht passiert? </p><p>Ich habe ewig über Google gesucht aber keine Lösung gefunden. Wenn jemand ein gutes Tutorial kennt, das mir weiterhelfen würde, oder mir meinen Denkfehler zeigen könnte, wäre ich sehr dankbar. </p><p></p><p>Liebe Grüße <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /></p></blockquote><p></p>

[QUOTE="Sunflower123, post: 2614132"] Hallo, ich verzweifel gerade mit Dreamweaver und hoffe sehr, hier kann mir jemand helfen. Ich habe mit Bootstrap eine ziemlich lange Tabelle mit Divs erstellt, in der ich einzelne Texte nun ausblenden möchte um es übersichtlicher zu gestalten. Das erstellen und auch das farbliche Anpassen, hat funktioniert. Leider bekomme ich es aber nicht hin, dass der Block auch vollständig dort erscheint, wo er soll. Versucht habe ich es mit. [code] <div class="container-fluid panel-normal" > <div class="container"> <div class="col-xs-12 col-sm-12"> <h1><strong>Liste der Zutaten</strong></h1> </div> </div> </div> <div class="col-xs-12 col-sm-12"> <div data-role="page" id="page"> <div data-role="content"> <div data-role="collapsible-set"> <div data-role="collapsible"> <h3>Phase 1</h3> <p>Inhalt</p> </div> <div data-role="collapsible" data-collapsed="true"> <h3>Phase 2</h3> <p>Inhalt</p> </div> <div data-role="collapsible" data-collapsed="true"> <h3>Phase 3</h3> <p>Inhalt</p> </div> </div> </div> </div> <div class="container-fluid panel-normal" > <div class="container"> <div class="col-xs-12 col-sm-12 tabelle_hauptpunkt"> <h1><strong>Wirkstoffe</strong></h1> </div> </div> <div class="container"> <div class="col-xs-12 col-sm-4"> [/code] Wenn ich das so im Dreamweaver eingebe, überschneidet sich in der Vorschau der reduzierbare Block mit dem nachfolgenden Div. Wie bekomme ich es denn hin, dass dies nicht passiert? Ich habe ewig über Google gesucht aber keine Lösung gefunden. Wenn jemand ein gutes Tutorial kennt, das mir weiterhelfen würde, oder mir meinen Denkfehler zeigen könnte, wäre ich sehr dankbar. Liebe Grüße :) [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!