|
|||
Zeilenumbruch wie <br> nach <input>
Hallo!
Ich versuche nach drei <input> Feldern, welche bewußt hintereinander erscheinen sollen, einen Zeilenumbruch zu machen, um drei weitere Felder hintereinander in der zweiten Zeile anzuzeigen. D.h. es soll genau so aussehen, als würde ich hinter den ersten drei Feldern ein <br/> einfügen. Ich möchte dies aber ohne ein <br/> nur in CSS machen! Alle Versuche mit "display", "float" und "clear" sind fehlgeschlagen. Wer kann helfen??? |
Sponsored Links |
|
||||
display: block; ... fertig
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
||||
Ups, sorry - habs nicht ganz genau gelesen.
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
||||
Worüber man sich streiten kann, ob ein <p>-Element dort semantisch "erlaubt" ist.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Danke bisher und nun weiter...
Hallo!
Danke für alle bisherigen Antworten! Bisher hatte ich immer die Funktionalitäten von HTML und CSS gemischt eingesetzt. Diesmal versuche ich ganz bewußt keine Formatierung in (X)HTML zu setzen und alles über CSS zu lösen. Bisher scheint es, als ob es keine Möglichkeit gibt die Funktion von <br> auf ein anderes Tag zu übertragen. Irre ich mich da? (Hoffentlich! ) Da die <input> Elemente von einen PHP Skript generiert werden (in Wirklichkeit sind es nicht nur diese sechs, sondern einige mehr!) und die visuelle Gruppierung in CSS stattfinden soll (und nicht durch zusätzliche <div>s um einige herum im PHP), kommt leider die Lösung von Maxefix nicht in Frage... Das mit dem float auf alle <input> hatte ich auch schon als Idee, aber dann rutschen nachfolgende Elemente wieder dahinter... Hier zum Testen: <html><body> <h5>So soll es aussehen:</h5> <div> Eingabe:<br/> <input><input><input><br/> <input><input><input><br/> Bemerkung </div> <hr/> <style type="text/css"> <!-- #css input { float: left; } #css #name4 { clear: left; } --> </style> <h5>Und hier wird nur CSS verwendet:</h5> <div id="css"> Eingabe: <input id="name1"><input id="name2"><input id="name3"> <input id="name4"><input id="name5"><input id="name6"> Bemerkung </div> </body></html> |
|
||||
Zitat:
Wobei mir gerade der Sinn entgeht, wieso du mehrere, unbeschriftete INPUTs auf die Art und Weise darstellst. Was soll denn da reingeschrieben werden? Außerdem ist bei float notwendig, dass du den Elementen eine Breite mit width vorgibst.
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
|||
Zitat:
Ich hab's alles mal ausprobiert - keine Änderungen! Habt' Ihr mein Beispiel mal ausgetestet?? Und das hier ist nur ein Beispiel, welches meinem nahe kommt, also nicht darüber nachdenken, ob das auch Sinn macht. Im Gesamtkontext stimmt das dann schon . |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Probleme mit zusätzlichem Zeilenumbruch in IE 6.0 | AnyBo | (X)HTML | 0 | 20.06.2009 20:43 |
Zeilenumbruch durch Codestruktur | MANIK | (X)HTML | 11 | 23.09.2007 16:37 |
Zeilenumbruch bei <li> verhindern | MxAgent | CSS | 9 | 22.11.2006 16:14 |
Zeilenumbruch ersetzten | Y05h1 | Serveradministration und serverseitige Scripte | 12 | 04.03.2005 16:53 |
Problem mit Horizontaler Liste bei Zeilenumbruch | captain | CSS | 5 | 26.11.2004 12:05 |