LinkBack URL
About LinkBacks
Zitierenja, es ist tatsächlich in zusammenhang mit clear, da der rahmen ja nicht weiß, wo er jetzt genau hingehört!
ich schau mal, ob ich da einen besseren ansatz finde, vor allem: einen logischeren
und zwar zu diesem:
http://www.drweb.de/csstechnik/layer_formular.shtml
geht dabei, formulare zu formatieren.
gut.
funktioniert auch ansich so wie es sollte.
dann wollte ich aber versuchen, den ab-div einen border zu geben:
border:1px solid black;
da war ich dann schon verwundert, dass dann das:
http://www.dynamicdesign.at/tp/csstest.htm
rausgekommen ist.
Frage: Was muss ich wo wie ändern, dass ich um
die beiden span (bez und formw) einen umfassenden Rahmen bekomme?
bzw. Warum wird der ab-div so angezeigt?
draufgekommen bin ich soweit, dass es mit dem float zu tun haben muss, lass ich den aber weg, dann haut die formatierung der span-tags nimmer hin. Gibt es möglicherweise einen anderen ansatz, den Tip von Dr. web umzusetzen?
thx.
ja, es ist tatsächlich in zusammenhang mit clear, da der rahmen ja nicht weiß, wo er jetzt genau hingehört!
ich schau mal, ob ich da einen besseren ansatz finde, vor allem: einen logischeren
schau dir mal das beispiel an, das ich gebastelt hab!
ich hab das versucht, mal logisch aufzubauen, hier das css:
und hier der html 4.01-code:Code:.box { width: 500px; padding: 5px; background-color: #999999; border: 1px solid black; } .umrandung { border: 1px solid red; margin: 3px 0; padding: 5px; } .element { display: block; clear: both; } .bezeichnung { float: left; width: 150px; text-align: right; font-weight: bold; } .feld { width: 300px; }
du kannst dann natürlich noch die textfelder usw. standardmäßig ebenfalls formatieren.... usw....Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Unbenanntes Dokument</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="form.css" rel="stylesheet" type="text/css"> </head> <body> <form name="test" action="foo.php"> <div class="box"> <div class="umrandung"> <div class="element"> <div class="bezeichnung">Name:</div> <div class="feld">feld</div> </div> <div class="element"> <div class="bezeichnung">Name:</div> <div class="feld">feld</div> </div> <div class="element"> <div class="bezeichnung">Name:</div> <div class="feld">feld</div> </div> </div> <div class="umrandung"> <div class="element"> <div class="bezeichnung">Name:</div> <div class="feld">feld</div> </div> </div> </div> </form> </body> </html>
wars noch nicht ganz, aber mit einem display:block im feld element hats dann so hingehauen, wie ich wollte
css ist schön
*lol* aber bei mir hat es doch geklappt.... mhhh
schon eh.
aber wenn ich z.b. zwei untereinanderstehende radiofelder in das element eingeschlossen hab, hat er die felder schön brav rund um das bezeichnungselement gefloatet.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)