Textfelder positionieren

sojajoghurt · 26.03.2008, 17:07

Hallo,
ich bin hier, sowie im Umgang mit Dreamweaver neu.

Ich versuche derzeit ein Textfeld in Dreamweaver einzufügen und gewisse Attribute wie Schrifttyp festzulegen.
Bis hier hin kein Problem.
-Textfeld einfügen
- Schrift unter Eigenschaften auswählen.

Nur... wie bekomme ich das Textfeld an die richtige Position und wie kann ich die Größe verändern?

Danke für jede Antwort

bewusstwerdung · 26.03.2008, 17:49

Hallo sojajoghurt,

welches Textfeld hast du genommen?
z.B. das unter Einfügen-->Formulare-->Textfeld?
oder ein <div> ?
Was möchtest du machen?

Positionieren kannst du sehr gut mit css
siehe hier

lg Otto

sojajoghurt · 26.03.2008, 18:13

Danke für die Antwort.
Ich versuche über eine Hintergrundbild ein Textfeld zulegen, damit man dort diverse mathematische Werte eingeben kann.
Ich habe das Textfeld über Einfügen-->Formulare-->Textfeld eingefügt.

Ich möchte dieses Textfeld einfach mit der Maus an die richtige Stelle schieben und in der größe anpassen.

bewusstwerdung · 26.03.2008, 18:32

Hallo,

sieh dir mal den Code an und Teste damit

HTML-Code:

<style type="text/css">
<!--
#txtfeld_1 {
	position:absolute;
	left:103px;
	top:85px;
	width:210px;
	height:70px;
}
-->
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="text" name="textfield" id="txtfeld_1" />
  </label>
</form>
</body>
</html>

hier kannst du das Feld mit der Maus verschieben...

lg
Otto

sojajoghurt · 26.03.2008, 18:55

Vielen Dank!!

Ich hab mir folgendes gebastelt:
<input type="text" style="font-family:'lucida console'; font-size:120%; z-index:100; text-align:center;position:absolute; left:400px; top:188px; width: 73px; height: 21px;" name="textfield" value="···">

Nur... meine Value (also das, was vorerst in dem Textfeld steht) wird nicht zentriert angezeigt und auch nicht in der Schriftgröße, wie die späteren Eingaben.

Kannst du mir sagen, warum?

sojajoghurt · 26.03.2008, 19:01

Entschuldige...
wirdzumindest, wenn ichesmir im Browser ansehe richtig angezeigt.

Schönen Abend.

bewusstwerdung · 26.03.2008, 23:15

Hallo,
du kannst auch die gesamte Textformatierung im selben
css Style angeben z.B.

HTML-Code:

<style type="text/css">
<!--
#txtfeld_1 {
	position:absolute;
	left:103px;
	top:85px;
	width:210px;
	height:70px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;	
}
-->
</style>

somit können all deine Textfelder mit der selben
Formatierung arbeiten.

Wenn du schon was am Server hast, gib mal den Link,
so können viele hier im Forum noch Fehler finden und dir
beim Bau deiner Page helfen....

lg
Otto

sojajoghurt · 27.03.2008, 11:27

Vielen vielen Dank.
So langsam komm ich dahinter. Wenn ich die Positionen über CSS definiere, wäre mein Textfeld immer an der selben Stelle, oder?

Sorry, ich bin eigentlich Tontechniker und nur durch Zufall an diesen Job gekommen. Hochladen kann ich leider nichts, da das der Firma sicher nicht recht wäre.

Grüße
Soja

bewusstwerdung · 27.03.2008, 13:24

Hallo,

nein, ob immer am selben Platz oder nicht gibst du im css
mit z.B.
position:absolute;
position:relative;
position:fixed;

Details inkl. Beispiele - siehe hier

lg
Otto

sojajoghurt · 27.03.2008, 14:21

Lieber Otto,

du hast mir sehr weitergeholfen. Jetzt habe icherstmal einen Einblick, was was ist und was was bedeutet.
Eine letzte Frage...
in meinem Textfeld stehen vor der Eingabe durch den User 3 Punkt. Gebe ich etwas ein, so verschwinden diese Punkte natürlich.
Ist es möglich, dass diese Punkte wiederauftauchen, wenn der User seine Eingabe löscht?

fyp · 01.04.2008, 00:06

Alle zusammen, lange nicht da gewesen, hab mich eher auf Final Cut Foren rumgetrieben. Aber jetzt will ich wieder was designen und hop ich bin da und hab ein Problem!
Bin etwas aus der Übung, also bitte nicht auslachen.
Will was ganz einfaches:
Hab ein Hintergrundbild, das soll im Browser vertikal und Horizontal mittig stehen.
Darauf sollen drei Textfelder (div oder was anderes wenns was besseres gibt) relativ zum Hintergrund positioniert werden. Verständlich.
Bei DW ein Hintergrundbild per css deklariert. Und drei div hergestellt, richtig hingeschoben. Sieht toll aus.
Hochgeladen und alles ist verschoben.

So siehts aus:

HTML-Code:

<table width="900" height="500" border="0" cellpadding="0" cellspacing="0" style="background-image:url(bg.jpg); background-attachment:fixed; background-position:center; background-repeat:no-repeat;">
<td>
<div id="apDiv1"><?php echo $SEITE[$seite][1];?></div>
<div id="apDiv2"><?php echo gehezu(1,0,"filme","Film");?><br />
    <?php echo gehezu(1,0,"musik","Musik");?><br />
    <?php echo gehezu(1,0,"bla","Bla Bla");?><br />
    <?php echo gehezu(1,0,"impressum","Impressum");?><br />
    </div>
<div id="apDiv3"><?php echo $SEITE[$seite][2];?></div>
</td></table>

und im Head steht dazu:

HTML-Code:

<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:26px;
	top:75px;
	width:345px;
	height:372px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:415px;
	top:156px;
	width:98px;
	height:218px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:549px;
	top:108px;
	width:353px;
	height:366px;
	z-index:3;
}
-->
</style>

Ich will doch nur was ganz einfaches! In PHP, da geh ich ab. Aber in HTML und CSS bin ich noch etwas stumpf.

Gibts ne Alternative mein Verlangen zu stillen? gerne CSS lastig.

Danke herzlich,
fyp

MichaelM · 01.04.2008, 00:32

Dann schau mal hier!!

Boxmodelle