• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Schriftgröße erhöhen html

F

FireFox88

Neues Mitglied
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

Code: 
<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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;113px; top&#58;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&#58;absolute; left&#58;600px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;3px; top&#58;880px;">
<label for="Vorname">.</label>
</div>
</body>
</html>
 
Ach das hab ich vergessen zu erwähnen, hab schon
Code: 
<div class="div1" style="position&#58;absolute; left&#58;240px; top&#58;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ß
 
FireFox88 schrieb:
Ach das hab ich vergessen zu erwähnen, hab schon
Code: 
<div class="div1" style="position&#58;absolute; left&#58;240px; top&#58;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ß
Zum Vergrößern anklicken....

Ich glaube du hast dir unsere Links nicht durchgelesen, bitte nachholen..
 
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

Code: 
<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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;113px; top&#58;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&#58;absolute; left&#58;600px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;3px; top&#58;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
 
FireFox88 schrieb:
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

Code: 
<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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;113px; top&#58;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&#58;absolute; left&#58;600px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;240px; top&#58;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&#58;absolute; left&#58;3px; top&#58;880px;">

<label for="Vorname">.</label>


</div>


</body>
</html>
Zum Vergrößern anklicken....
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.
 
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: 
<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="ISO-8859-1">

        <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>
 
<p><br><input style ="font-size:25px" name="Freigabe" type="text" size="40" maxlength="40"></p>

hab im Internet das hier gefunden, etz gehts.
Danke
 
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 <style>-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"
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben