online 1
gast (50)

/ Forum / Webseiten/HTML

Webseiten/HTMLWebseiten/HTML

Fragevon Deathfun vom 09.04.2019, 04:45 Options

Eingabefelder Positionieren

Hallo,

ich wüsste gerne, wie ich Eingebefelder

<input type="text" name="Klasse">


in einem HTML Dokument genau Platzieren kann.
Die Zeilenabstände lassen sich mit

<br>

und

&nbsp


nur seeehr ungenau Platziern.

Gruß
Deathfun


Antwort schreiben

Antwort 1 von Supermax vom 09.04.2019, 08:23 Options

Mit CSS kannst du Elemente pixelgenau ausrichten und in der Größe anpassen.

http://de.selfhtml.org/css/eigenschaften/index.htm

Antwort 2 von rfb vom 09.04.2019, 08:52 Options

Zitat:
<br> und &nbsp
sind auch überhaupt nicht dafür vorgesehen.

Beschäftige dich mit mit CSS, zB unter dem von Supermax vorgeschlagenen Link und/oder ww.css4you.de

Pixelgenauigkeit aber ist gerade bei einem Texteingabefeld nicht sinnvoll, denn schon bei einer kleinen userseitigen Schriftgrößenänderung fällt das Layout auseinander, sinnvoll sind hier einzig schriftgrößenabhängige Maßangaben wie
em
oder
ex
.

Antwort 3 von Deathfun vom 09.04.2019, 14:41 Options

Danke!

Ich werde mir die beiden links mal anschauen.


Gruß Deathfun

Antwort 4 von Deathfun vom 09.04.2019, 17:36 Options

Soo das mit dem verschieben und Positioniren mittels CSS klappt sehr gut!

Was ich jetzt noch wissen müsste ist wie ich die höhe des Eingabefeldes verändern kann.

Das ist das Eingabefeld ohne die höhenveränderung:
<div class="div1" style="position:absolute; left:97px; top:86px;">
<input type="text" name="name"><br>
</div>


Wenn ich nurn im Style " height: 44;" eingebe,
wird die höhe zwar in der voransicht geändert, aber wenn man die Seite nun im Explorer öffnet hat das EIngabefeld wieder die Standartgröße.

Selbiges passier auch wenn ich versuche die größe im "input type" durch "height="25px"" ändern möchte.



Gruß Deathfun

Antwort 5 von rfb vom 09.04.2019, 19:26 Options

Voransicht?
Explorer?

Als Entwicklungsumgebung ist dringend der Firefox und/oder Opera anzuraten - nicht irgendwelche Microsoft-Programme.

Du hast meine erste Antwort nicht verstanden?

Wenn du für Text Maße angibst klappt das nur mit
em
und
ex
sinnvoll, nicht mit
px
. Die Höhe des input-Feldes richtet sich nach der Textgröße darin!

Wozu brauchst du das umgebende DIV? Nur zum Positionieren ist das komplett überflüssig!

Antwort 6 von Deathfun vom 09.04.2019, 21:28 Options

Ich glaube zumindest, dass ich es ansatzweise verstanden habe.

Da aber als Hintergrund eine JPG-File dient, ist sobald die Schriftgröße geändert wird alles verrutscht oder nicht ?

Ist es da nicht sinnvoller die Positionierung mittels Pixel vorzunehmen?


Wie sähe den der Code aus wenn ich es mit "em" oder "ex" machen würde? bzw die gebe ich die Schriftgröße innerhalb des Eingabefeldes ein.


Als Entwicklungsoberfläche benutze ich Deamwaver, und kontrolliere die Ergebnisse meistens mit dem mit dem Microsoft Internet Explorer, da der Firefox immer all die ganzen Tags aus der SSitzung laden muss :)


Gruß Deathfun

Antwort 7 von rfb vom 09.04.2019, 22:30 Options

Zitat:
da der Firefox immer all die ganzen Tags aus der SSitzung laden muss
????

DW ist für Anfänger ziemlich ungeeignet.

Fast alle Browser haben einen (Schriftgrad-)Zoom eingebaut - du machst dir Illusionen, wenn du glaubst irgendetwas exakt auf einem HG-Bild positionieren zu können. Nebenbei: Hintergrund-Bild sagt auch etwas über die Bedeutung.

Schriftgröße im Input-feld:
ganz einfach im CSS:

Zitat:
input {
font-size : ...;
}

Antwort 8 von Deathfun vom 09.04.2019, 23:12 Options

Aber es muss doch möglich sein, das
Eingabefeld X an
Position Y zu erstellen mit der
Länge Z und der
Höhe/Schriftgröße Q.


Wenn ich direkt in die <input...> Zeile font-size: xy oder font-size="xy" schreibe, wirkt sich das immer noch nicht auf das Ergebnis im Explorer aus (IE und FF).


Kannst du mir mal den Code eines Eingabefeldes hier rein schreiben, mit den Werten für die Position und die Größe.

Vielleicht verstehe ich dann was du meinst.


Welchen Editor soll ich den sonst nehmen ?
Ich benutze im Moment den DW da ich dort eine Voransicht habe. Mit einer einfacht .txt Datei komme ich da nicht weit

Antwort 9 von Deathfun vom 09.04.2019, 23:33 Options

Hab was gefunden, weiß jetzt wies geht.

Danke für die Hilfe,

Gruß Deathfun

Ähnliche Themen

Farbige Zellen vor Druck ändern
kvtv  18.03.2007 - 42 Hits - 17 Antworten

Dynamisches Formular
Dennis88  13.05.2007 - 104 Hits - 1 Antwort

Text positionieren
Geniesser  17.08.2007 - 48 Hits -

Diashow Movie Maker
Stifty  17.08.2007 - 15 Hits -

Auslagerungsdatei
motylek  28.04.2008 - 70 Hits - 1 Antwort

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Version: supportware 1.9.150 / 10.06.2022, Startzeit:Thu Jan 8 21:07:44 2026