tag:forum.selfhtml.org,2005:/self Kommentarfeld zerschossen – SELFHTML-Forum 2014-10-06T06:18:13Z https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622580#m1622580 Paula der HTML Tiger 2014-10-04T21:17:02Z 2014-10-04T21:17:02Z Kommentarfeld zerschossen <p>Hallo,</p> <p>ich weiß nicht warum, aber das Kommentarfeld unter den Beiträgen <a href="http://traum-deutung.de/wasser/" rel="nofollow noopener noreferrer">http://traum-deutung.de/wasser/</a> ist verschoben.</p> <p>Der Firebug hilft mir leider nicht weiter, ich kann so viele Elemente abschalten wie ich will da bewegt sich nichts...</p> https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622586#m1622586 MrMurphy 2014-10-04T22:45:32Z 2014-10-04T22:45:32Z Kommentarfeld zerschossen <p>Hallo,</p> <p>Wenn du zoomst (Strg+Mausrad) kannst du sehen wie sich das Layout ändert / zerschießt.</p> <p>Das Problem kann ich auch nicht lösen, zumal du einige sehr individuelle Lösungen benutzt (um es mal freundlich auszudrücken).</p> <p>Du solltest das p-Element nicht als Container mißbrauchen.</p> <p>Und du solltest dich mit float / clear beschäftigen. Das setzt du meiner Ansicht nach falsch ein und beachtest zum Beispiel die Vererbung nicht. Wer floatet muss auch clearen, und zwar an der richtigen Stelle.</p> <p>Gruss</p> <p>MrMurphy</p> https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622581#m1622581 Hannes 2014-10-05T10:09:27Z 2014-10-05T10:09:27Z Kommentarfeld zerschossen <blockquote> <p>ich weiß nicht warum, aber das Kommentarfeld unter den Beiträgen <a href="http://traum-deutung.de/wasser/" rel="nofollow noopener noreferrer">http://traum-deutung.de/wasser/</a> ist verschoben.</p> </blockquote> <p>Du nimmst die <input>-Felder per float:left aus dem normalen Verlauf raus, d.h. alle anderen Elemente fließen rechts vorbei - und genau das machen die <label>-Elemente.</p> <p>Würdest du die Abstände (margin und padding) sowohl von <label> als auch bei den sie umgebenden <p> jenen von <input> anpassen, käme es hin, aber dann treibst du den Zweck von float völlig ad absurdum.<br> float ist kein "Seitenwechselattribut", float entkoppelt die Darstellung des Elementes von seiner Umgebung. Eine Beschriftung und ihr Eingabefeld möchtest du aber ganz bestimmt nicht voneinander abkoppeln, also ist float hier schon grundsätzlich fehl am Platze.</p> <p>Sollen die Beschriftungen vor den Eingabefeldern stehen, solltest du sie auch vor den Eingabefeldern einbauen. Im Moment hast du sie dahinter und versuchst, diesen HTML-Fehler zu beheben, indem du sie CSS-seitig mit float davorklemmst.</p> <p>Ich würde für so einen Aufbau, links eine Spalte mit Beschriftungen, rechts eine Spalte mit den dazugehörigen Eingabefeldern, je eine Zeile pro Datum, glatt eine Tabelle benutzen, aber dafür bekomme ich hier sicher Haue ..</p> https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622582#m1622582 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de/ 2014-10-05T22:47:39Z 2014-10-05T22:47:39Z Kommentarfeld zerschossen <p>@@Hannes:</p> <p>nuqneH</p> <blockquote> <p>Ich würde für so einen Aufbau, links eine Spalte mit Beschriftungen, rechts eine Spalte mit den dazugehörigen Eingabefeldern, je eine Zeile pro Datum, glatt eine Tabelle benutzen, aber dafür bekomme ich hier sicher Haue ..</p> </blockquote> <p><a href="http://forum.de.selfhtml.org/archiv/2009/9/t190881/#m1272483" rel="nofollow noopener noreferrer">Nicht dafür.</a></p> <p>Aber dafür, dass du unerwähnt lässt, dass Beschriftungen und Eingabefelder auf vielen Geräten nicht in eine Zeile passen.</p> <p>Qapla'</p> <div class="signature">-- <br> „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer) </div> https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622583#m1622583 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2014-10-06T04:20:37Z 2014-10-06T04:20:37Z Kommentarfeld zerschossen <p>Om nah hoo pez nyeetz, Gunnar Bittersmann!</p> <blockquote> <p>Aber dafür, dass du unerwähnt lässt, dass Beschriftungen und Eingabefelder auf vielen Geräten nicht in eine Zeile passen.</p> </blockquote> <p>Dafür gibt es auch eine Lösung. <a href="http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Tabellen_responsiv_gestalten" rel="nofollow noopener noreferrer">Tabellen responsiv gestalten</a></p> <p>Matthias</p> <div class="signature">-- <br> Der Unterschied zwischen Java und JavaScript ist größer als der zwischen <a href="http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=B#bovis" rel="nofollow noopener noreferrer">Bovis und Bovist</a>.<br> <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br> </div> https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622584#m1622584 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de/ 2014-10-06T06:17:09Z 2014-10-06T06:17:09Z Kommentarfeld zerschossen <p>@@Matthias Apsel:</p> <p>nuqneH</p> <blockquote> <p>Dafür gibt es auch eine Lösung. <a href="http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Tabellen_responsiv_gestalten" rel="nofollow noopener noreferrer">Tabellen responsiv gestalten</a></p> </blockquote> <p>Da wär ich nie drauf gekommen. :-D</p> <p>Qapla'</p> <div class="signature">-- <br> „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer) </div> https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622585#m1622585 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2014-10-06T06:18:13Z 2014-10-06T06:18:13Z Kommentarfeld zerschossen <p>Om nah hoo pez nyeetz, Gunnar Bittersmann!</p> <blockquote> <p>Da wär ich nie drauf gekommen. :-D</p> </blockquote> <p>Wusst ichs doch ;-)</p> <p>Matthias</p> <div class="signature">-- <br> Der Unterschied zwischen Java und JavaScript ist größer als der zwischen <a href="http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=W#wal" rel="nofollow noopener noreferrer">Wal und Waldsterben</a>.<br> <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br> </div> https://forum.selfhtml.org/self/2014/oct/4/kommentarfeld-zerschossen/1622587#m1622587 Felix Riesterer http://felix-riesterer.de/ 2014-10-05T00:25:01Z 2014-10-05T00:25:01Z Kommentarfeld zerschossen <p>Lieber MrMurphy,</p> <blockquote> <p>zumal du einige sehr individuelle Lösungen benutzt (um es mal freundlich auszudrücken).</p> </blockquote> <p>die Seite ist mit Wordpress realisiert... und an den "individuellen Lösungen" ist wahrscheinlich das verwendete Template schuld.</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> <div class="signature">-- <br> "Wäre die EU ein Staat, der die Aufnahme in die EU beantragen würde, müsste der Antrag zurückgewiesen werden - aus Mangel an demokratischer Substanz." (Martin Schulz, Präsident des EU-Parlamentes) </div>