yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » input type - Höhe

input type - Höhe

Goaly
Hallo.

Ich habe den Befehl <input type=..." usw.>, aber wie kann ich die Höhe einstellen?
Last
height=""?^^
gamefreaxx
wäre ich mir nicht so sicher... Bei "<input>" gibt's ja meines Wissens nach auch kein "width", sondern "size".

Probiere es mal via CSS, also <input style="width:höhepx;"> Augenzwinkern
Goaly
So sieht der HTMLCode aus:

code: 
1:

<center><form name="txtform"> <input type="text" name="txtfeld" height="100" size="10"></form></center>


Aber das ändert nichts an der Größe. unglücklich

Wie ändere ich das mit CSS? Also ich habe den Code in meiner index.tpl Augenzwinkern
[kamui]
code: 
1:

<input type="text" [...] style="height: 15px;" />


Per CSS kannst du es wie folgt ändern:
Folgenden Code im Designpack (bei CSS-Angaben) zufügen:
code: 
1:
2:
3:

.my_input {
  height: 10px;
}


Und dann im Template einfach wie folgt:
code: 
1:

<input [...] class="my_input" />
Goaly
Danke.

Habe es jetzt hinbekommen, aber da hat sich noch ein Problem ergeben.

Wie erreiche ich einen Zeilenumbruch?

http://forum.craftnation.de/index.php

Wenn man oben über diesen Bereich scrollt:
[IMG]http://forum.craftnation.de/Bilder/Hauptseite-%282%29_03.gif[/IMG]
erscheint im rechten Fenster eine Beschreibung, aber wie erreiche ich dort eine Beschreibung.

Das ist der Code, der die Beschreibung beinhaltet:
code: 
1:

<a href="http://forum.craftnation.de" onmouseover="txtinfo('Hallo, das ist ein Test zum Bereich Craftnation, der unter der Leitung vom Herrn YXCG steht. Das ist das Ende des Textes. Einen schönen Tag noch, wünscht Golliver.')" onmouseout="txtinfo('')"><img src="Bilder/Hauptseite-%282%29_03.gif" width="111" height="60" border="0" alt=""></td></a>
[kamui]
Das geht in einem input-Feld nicht. Versuch es doch mal mit einer Textarea Augenzwinkern

Oder du benutzt im JavaScript anstatt .value ein .innerHTML
Goaly
Zitat:
Original von [kamui]
Das geht in einem input-Feld nicht. Versuch es doch mal mit einer Textarea Augenzwinkern

Oder du benutzt im JavaScript anstatt .value ein .innerHTML


Das ist das Script:
code: 
1:
2:
3:
4:
5:
6:
7:
8:

<script language="JavaScript">
<!-- JavaScript
function txtinfo(txt){
  document.txtform.txtfeld.value= txt;
}
// - JavaScript - -->
</script>


Kann ich da so einfach .value durch .innerHTML ändern? Augenzwinkern
[kamui]
Probiers doch einfach aus Zunge raus
Goaly
Zitat:
Original von [kamui]
Probiers doch einfach aus Zunge raus


Ne, dann zeigt er gar nichts mehr an. Augenzwinkern
[kamui]
Ja, dann ersetze noch das input-Feld durch ein einfaches div-Gebilde (mit der ID, die das input-Feld hatte)


code: 
1:

<div id="die_ID_vom_input" class="my_input"></div>


Habe die Klasse angegeben, so hat sie die gleiche Größe Augenzwinkern
Goaly
Zitat:
Original von [kamui]
Ja, dann ersetze noch das input-Feld durch ein einfaches div-Gebilde (mit der ID, die das input-Feld hatte)


code: 
1:

<div id="die_ID_vom_input" class="my_input"></div>


Habe die Klasse angegeben, so hat sie die gleiche Größe Augenzwinkern


Was meinst du mit der ID bei dem Beispiel von mir oben?
[kamui]
Das hast du bei deinem Textfeld als "name" gekennzeichnet. Laut deinem JS-Code ist es "txtfeld" Augenzwinkern
Goaly
Zitat:
Original von [kamui]
Das hast du bei deinem Textfeld als "name" gekennzeichnet. Laut deinem JS-Code ist es "txtfeld" Augenzwinkern


Also das hier verändern?
code: 
1:

<center><form name="txtform"> <input type="text" name="txtfeld" border="0" style="height: 120px; width: 121px; border:none;"></form></center>

Das ist ja das Ausgabefeld. Augenzwinkern

Das dann ändern in:
code: 
1:

<center><div id="txtfeld" class="my_input"></div></center>


Oder falsch verstanden? Augenzwinkern
[kamui]
Ändere JS in:
code: 
1:
2:
3:
4:
5:
6:
7:

<script language="JavaScript">
<!-- JavaScript
function txtinfo(txt){
  document.all.infofeld.innerHTML= txt;
}
// - JavaScript - -->
</script>


Und der div muss wie folgt aussehen:
code: 
1:

<div id="infofeld" style="height: 120px; width: 121px; border:none;"></div>
Goaly
Zitat:
Original von [kamui]
Ändere JS in:
code: 
1:
2:
3:
4:
5:
6:
7:

<script language="JavaScript">
<!-- JavaScript
function txtinfo(txt){
  document.all.infofeld.innerHTML= txt;
}
// - JavaScript - -->
</script>


Und der div muss wie folgt aussehen:
code: 
1:

<div id="infofeld" style="height: 120px; width: 121px; border:none;"></div>


Habe ich jetzt genauso.

Muss ich nicht aber das noch ändern:
code: 
1:

<a href="board.php?boardid=101" onmouseover="txtinfo('SoccerCraft')" onmouseout="txtinfo('')"><img src="Bilder/Hauptseite-%282%29_05.gif" width="115" height="60" border="0" alt=""></td></a>


in:
code: 
1:

<a href="board.php?boardid=101" onmouseover="infofeld('SoccerCraft')" onmouseout="infofeld('')"><img src="Bilder/Hauptseite-%282%29_05.gif" width="115" height="60" border="0" alt=""></td></a>



Wenn ja, geht es leider trotzdem nicht. unglücklich
[kamui]
Nein, die Funktion heißt immer noch txtinfo smile
Goaly
Geht trotzdem irgendwie nicht. unglücklich

Das hier ist die Textstelle:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:

<script language="JavaScript">
<!-- JavaScript
function txtinfo(txt){
  document.all.infofeld.innerHTML= txt;
}
// - JavaScript - -->
</script>


<br>
<center>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Hauptseite (2).psd) -->
<table id="Tabelle_01" width="795" height="151" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="9">
			<img src="Bilder/Hauptseite-%282%29_01.gif" width="795" height="12" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="Bilder/Hauptseite-%282%29_02.gif" width="145" height="139" alt=""></td>
		<td>	
<a href="http://forum.craftnation.de" onmouseover="txtinfo('Hallo, das ist ein Test zum Bereich Craftnation, der unter der Leitung vom Herrn YXCG steht. Das ist das Ende des Textes. Einen schönen Tag noch, wünscht Golliver.')" onmouseout="txtinfo('')"><img src="Bilder/Hauptseite-%282%29_03.gif" width="111" height="60" border="0" alt=""></td></a>
		<td rowspan="4">
			<img src="Bilder/Hauptseite-%282%29_04.gif" width="6" height="139" alt=""></td>
		<td>
<a href="board.php?boardid=101" onmouseover="txtinfo('SoccerCraft')" onmouseout="txtinfo('')"><img src="Bilder/Hauptseite-%282%29_05.gif" width="115" height="60" border="0" alt=""></td></a>
		<td rowspan="4">
			<img src="Bilder/Hauptseite-%282%29_06.gif" width="7" height="139" alt=""></td>
		<td>
<a href="http://goaly.rapidspace.de/joomla" onmouseover="txtinfo('SokaCom')" onmouseout="txtinfo('')"><img src="Bilder/Hauptseite-%282%29_07.gif" width="122" height="60" border="0" alt=""></td></a>

		<td rowspan="4">
			<img src="Bilder/Hauptseite-%282%29_08.gif" width="7" height="139" alt=""></td>
		<td rowspan="3">
<center><form name="txtform"> <div id="infofeld" style="height: 120px; width: 121px; border:none;"></div></form></center>


</td>
		<td rowspan="4">
			<img src="Bilder/Hauptseite-%282%29_10.gif" width="155" height="139" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/Hauptseite-%282%29_11.gif" width="111" height="7" alt=""></td>
		<td>
			<img src="Bilder/Hauptseite-%282%29_12.gif" width="115" height="7" alt=""></td>
		<td>
			<img src="Bilder/Hauptseite-%282%29_13.gif" width="122" height="7" alt=""></td>
	</tr>
	<tr>
		<td>
<a href="board.php?boardid=71" onmouseover="txtinfo('GamesCraft')" onmouseout="txtinfo('')"><img src="Bilder/Hauptseite-%282%29_14.gif" width="111" height="61" border="0" alt=""></td></a>
		<td>
<a href="board.php?boardid=17" onmouseover="txtinfo('Plauderecke')" onmouseout="txtinfo('')"><img src="Bilder/Hauptseite-%282%29_15.gif" width="115" height="61" border="0" alt=""></td></a>
		<td>
			<img src="Bilder/Hauptseite-%282%29_16.gif" width="122" height="61" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/Hauptseite-%282%29_17.gif" width="111" height="11" alt=""></td>
		<td>
			<img src="Bilder/Hauptseite-%282%29_18.gif" width="115" height="11" alt=""></td>
		<td>
			<img src="Bilder/Hauptseite-%282%29_19.gif" width="122" height="11" alt=""></td>
		<td>
			<img src="Bilder/Hauptseite-%282%29_20.gif" width="127" height="11" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</center>


Wäre fantastisch, wenn du dir das mal anschauen könntest! smile
[kamui]
Bau mal in der JS-Funktion über dem innerHTML ein alert(txt); ein, und fahre dann über den Bereich. Sag bescheid, wenn dann ein JS-Alarm kommt.
Goaly
Zitat:
Original von [kamui]
Bau mal in der JS-Funktion über dem innerHTML ein alert(txt); ein, und fahre dann über den Bereich. Sag bescheid, wenn dann ein JS-Alarm kommt.


Jep.

Kannst du auch hier sehen:
http://forum.craftnation.de/index.php Augenzwinkern

Die Ausgabe stimmt also, aber es wird noch nicht richtig im Feld rechts angezeigt.
nächste Seite
Forensoftware: Burning Board, entwickelt von WoltLab GmbH