Formulare ohne abstand?

Status
Nicht offen für weitere Antworten.
B

BernyATtutorials

Grünschnabel
hallo allerseits,

ich versuche gerade seit einer geschlagenen stunde eine checkbox direkt unter ein textfeld zu platzieren....
nun selbst wenn ichs in der layoutansicht mit akrobatischem geschick geschafft habe... zeigt ers mir im browser wieder weit auseinander an...


also ich weiss nicht ob das nur dreamweaver ist... aber damit pixelgenau arbeiten ist unmöglich....

weiss jemand abhilfe?
ich weiss, dass es geht, denn zb auf ebay find ich solche konstelationen...

mfg, berny
 
Hi,

die einzige Lösung, die mir einfällt, wäre hier CSS. (war aber auch Fummelei - vielleicht kennt noch jemand eine elegantere Lösung?).

Ich habe mal versucht, so etwas zu basteln:
PHP: 
<style type="text/css">
<!--
.textfeld {
	position: absolute;
	height: 20px;
	left: 10px;
	top: 10px;
}
.check {
	position: absolute;
	top: 26px;
	left: 6px;
	height: 20px;
	width: 20px;
}
-->
</style>
</head>

<body>
  <form action="" method="post" name="form1">
    <input name="textfield" type="text" class="textfeld">
    <br>
    <input name="checkbox" type="checkbox" class="check" value="checkbox">
  </form>
</body>

Das Ergebnis schaut im IE so aus:
 

Anhänge

  • chechtxt.gif
    chechtxt.gif
    394 Bytes · Aufrufe: 65
Oder probier bei der Checkbox eine relative top-Positionsangabe.
Damit kannst du die Position von der Position aus ändern, wo sich das Element normalerweise befinden sollte.
Ich habs mal getestet...ein Wert von -5px schiebt die Box ausreichend nach oben(wenn sich nix weiteres in der entsprechenden Zeile befindet...ansonsten musst du den Wert halt anpassen)

Code: 
<input type="text"><br><input type="checkbox"style="position:relative;top:-5px"><br>
....aber schieb sie nicht zu weit nach oben, sonst ist sie im Textfeld:)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück