Schriftgröße erhöhen html

html.de-Forum HTML, XHTML & CSS
1

http://www.pic-upload.de/view-26231292/KleineSchrift.jpg.html
Hey ich muss nur ne kleine .html Aufgabe erledigen. Im Grunde könnte man auch ein .txt nehmen und dort einfach Werte reinschreiben, aber so schauts halt besser aus.
Wie kann ich die Schriftgröße in meinen Textfeldern erhöhen bzw die Textfelder größer machen?
Size macht sie nur länger.
Danke

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Einzeilige Eingabefelder definieren - form, input</title>
</head>
<body background="HintergrundStoppMeldung.png" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
<div class="div1" style="position:absolute; left:240px; top:130px;">
<form action="input_text.htm">
  <p><br><input name="vorname" type="text" size="60" maxlength="30"></p>
 
</form>
</div>
<div class="div2" style="position:absolute; left:240px; top:210px;">
<form action="input_text.htm">
<p><br><input name="zuname" type="text" font-size:10pt size="60" maxlength="40"></p>
 
</form>
</div>
<div class="div3" style="position:absolute; left:240px; top:445px;">
<form action="input_text.htm">
<p><br><input name="Grund" type="text" size="60" maxlength="40"></p>
 
</form>
</div>
<div class="div4" style="position:absolute; left:113px; top:550px;">
<form action="input_text.htm">
<p><br><input name="von" type="text" size="50" maxlength="40"></p>
 
</form>
</div>
<div class="div5" style="position:absolute; left:600px; top:550px;">
<form action="input_text.htm">
<p><br><input name="von" type="text" size="50" maxlength="40"></p>
 
</form>
</div>
<div class="div6" style="position:absolute; left:240px; top:650px;">
 
<form action="input_text.htm">
<p><br><input name="von" type="text" size="60" maxlength="40"></p>
 
</form>
</div>
<div class="div6" style="position:absolute; left:240px; top:750px;">
<form action="input_text.htm">
<p><br><input name="von" type="text" size="60" maxlength="40"></p>
 
</form>
</div>
<div class="div7" style="position:absolute; left:3px; top:880px;">
<label for="Vorname">.</label>
</div>
</body>
</html>
2

Schau mal nach dem Begriff font-size.

3

Hallo,

font-size heist das von dir gesuchte Attribut.
http://www.w3schools.com/css/css_font.asp

EDIT: Einmal wenn ich auch helfen will bist du schneller @nookie :eek:

4

Ach das hab ich vergessen zu erwähnen, hab schon

<div class="div1" style="position:absolute; left:240px; top:130px;">
<form action="input_text.htm">
  <p><br><input name="vorname" type="text" font-size="large" size="60" maxlength="30"></p>
 
</form>
</div>

ausprobiert, also font-size, mit „large“, „12px“, 12px …

aber das Textfeldändert seine Schriftgröße oder Höhe nicht

Gruß

5

Ich glaube du hast dir unsere Links nicht durchgelesen, bitte nachholen…

6

Du glaubst wirklich, dass

font-size=„large“

eine vollständige CSS-Angabe im HTML-Code ist?

7

Ich weiß immer noch nicht was ich falsch mache. Ich habs vermeindlich richtig eingebunden,
aber statt das der Text größer wird verschiebt er mir nur die Textboxen nach unten im Browser

<html>
<head>
<style type="text/css">
p {
  font-size: 12px;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Einzeilige Eingabefelder definieren - form, input</title>
</head>
<body background="HintergrundStoppMeldung.png" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
 
<div class="div1" style="position:absolute; left:240px; top:130px;">
 
<form action="input_text.htm">
  <p><br><input name="vorname" type="text" size="60" maxlength="30"></p>
 
</form>
</div>
 
<div class="div2" style="position:absolute; left:240px; top:210px;">
 
<form action="input_text.htm">
 
<p><br><input name="zuname" type="text" font-size:10pt size="60" maxlength="40"></p>
 
</form>
</div>
 
<div class="div3" style="position:absolute; left:240px; top:445px;">
 
<form action="input_text.htm">
 
<p><br><input name="Grund" type="text" size="60" maxlength="40"></p>
 
</form>
</div>
 
<div class="div4" style="position:absolute; left:113px; top:550px;">
 
<form action="input_text.htm">
 
<p><br><input name="von" type="text" size="50" maxlength="40"></p>
 
</form>
</div>
 
 
 
<div class="div5" style="position:absolute; left:600px; top:550px;">
 
<form action="input_text.htm">
 
<p><br><input name="von" type="text" size="50" maxlength="40"></p>
 
</form>
</div>
 
 
<div class="div6" style="position:absolute; left:240px; top:650px;">
 
<form action="input_text.htm">
 
<p><br><input name="von" type="text" size="60" maxlength="40"></p>
 
</form>
</div>
 
<div class="div6" style="position:absolute; left:240px; top:750px;">
 
<form action="input_text.htm">
 
<p><br><input name="von" type="text" size="60" maxlength="40"></p>
 
</form>
</div>
 
 
<div class="div7" style="position:absolute; left:3px; top:880px;">
 
<label for="Vorname">.</label>
 
 
</div>
 
 
</body>
</html>

edit:
bei 12px bleiben die Textboxen an Ort und Stelle, bei höheren Werten verschieben sie sich weiter runter

8

Danke schonmal für die Hilfe bis hierhin

9

Du sollst keinen Code kopieren und einfach nur bei dir einfügen… du musst font-size in deiner CSS schon auf dein input-Element anwenden.

10

Sorry aber dein Code sieht aus als würde er durch den Mixer gejagt worden sein.

Hier mal ein bisschen aufbereitet und jetzt vergleiche beide und eventuell wird dir einiges klar…
[html]

    <title>Einzeilige Eingabefelder definieren - form, input</title>

    <style type="text/css">
        div {
            position: absolute;
        }

        #div1 {
            top: 130px;
            left: 240px;
        }
        #div2 {
            top: 240px;
            left: 210px;
        }

        input {
         font-size: 24px;
        }
    </style>
</head>
<body background="HintergrundStoppMeldung.png" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
    <div id="div1">
        <form action="input_text.htm">
            <input name="vorname" type="text" maxlength="30">
        </form>
    </div>
    <div id="div2">
        <form action="input_text.htm">
            <input name="zuname" type="text" maxlength="40">
        </form>
    </div>
</body>
[/html]
11


hab im Internet das hier gefunden, etz gehts.
Danke

12

@bodo, ah gerade erst gesehen. Ich „programmier“ im texteditor von ms ^^

13

Dann nimm was besseres als den Sch…, z.B. Notepad++

14

Du solltest dir die Grundkenntnisse aneignen dann würdest du wissen das man CSS inline mit style=„“ einbetten kann. Wird aber schnell unübersichtlich, deshalb rate ich dir Attribute die mehrmals auftreten im -TAG zu definieren ob du die nun im Head schreibst oder eine eigene Datei bleibt erstmal dir überlassen.

Nimm nen Editor mit Syntaxhervorhebung das hilft dir ungemein da du direkt siehst wenn du ein " vergessen hast oder ein Attribut nicht valide ist wie z.B. dein font-size=„12“