input type - Höhe |
Last
Mitglied
Dabei seit: 22.04.06
Beiträge: 308
Forenversion: Lite 1.0
|
|
height=""?^^
__________________ Einbau eines wbb2 in eine Homepage...hm...
|
|
11.02.08 20:03 |
E-Mail
Finden
Als Freund hinzufügen
|
|
gamefreaxx
Mitglied
Dabei seit: 06.08.05
Beiträge: 109
|
|
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;">
__________________ Jetzt Deinen GRATIS Blog sichern:
MyGMC.de - Alpha-Phase
Blogs | Photos | Guestbooks | Friends | Games | Forum | More
|
|
11.02.08 20:24 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Goaly
Mitglied
Dabei seit: 18.05.06
Beiträge: 352
Herkunft: Köln
Themenstarter
|
|
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.
Wie ändere ich das mit CSS? Also ich habe den Code in meiner index.tpl
__________________
|
|
12.02.08 14:28 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
[kamui]
~
Dabei seit: 27.04.05
Beiträge: 2.992
|
|
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" /> |
|
|
|
12.02.08 14:42 |
Finden
Als Freund hinzufügen
|
|
Goaly
Mitglied
Dabei seit: 18.05.06
Beiträge: 352
Herkunft: Köln
Themenstarter
|
|
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> |
|
__________________
|
|
12.02.08 15:30 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Goaly
Mitglied
Dabei seit: 18.05.06
Beiträge: 352
Herkunft: Köln
Themenstarter
|
|
Zitat: |
Original von [kamui]
Das geht in einem input-Feld nicht. Versuch es doch mal mit einer Textarea
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?
__________________
|
|
12.02.08 16:01 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Goaly
Mitglied
Dabei seit: 18.05.06
Beiträge: 352
Herkunft: Köln
Themenstarter
|
|
Zitat: |
Original von [kamui]
Probiers doch einfach aus
|
Ne, dann zeigt er gar nichts mehr an.
__________________
|
|
12.02.08 16:12 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
[kamui]
~
Dabei seit: 27.04.05
Beiträge: 2.992
|
|
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
|
|
12.02.08 16:13 |
Finden
Als Freund hinzufügen
|
|
Goaly
Mitglied
Dabei seit: 18.05.06
Beiträge: 352
Herkunft: Köln
Themenstarter
|
|
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
|
Was meinst du mit der ID bei dem Beispiel von mir oben?
__________________
|
|
12.02.08 16:16 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
[kamui]
~
Dabei seit: 27.04.05
Beiträge: 2.992
|
|
Das hast du bei deinem Textfeld als "name" gekennzeichnet. Laut deinem JS-Code ist es "txtfeld"
|
|
12.02.08 16:38 |
Finden
Als Freund hinzufügen
|
|
Goaly
Mitglied
Dabei seit: 18.05.06
Beiträge: 352
Herkunft: Köln
Themenstarter
|
|
Zitat: |
Original von [kamui]
Das hast du bei deinem Textfeld als "name" gekennzeichnet. Laut deinem JS-Code ist es "txtfeld"
|
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.
Das dann ändern in:
code: |
1:
|
<center><div id="txtfeld" class="my_input"></div></center> |
|
Oder falsch verstanden?
__________________
|
|
12.02.08 17:15 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
[kamui]
~
Dabei seit: 27.04.05
Beiträge: 2.992
|
|
Ä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> |
|
|
|
12.02.08 17:22 |
Finden
Als Freund hinzufügen
|
|
Goaly
Mitglied
Dabei seit: 18.05.06
Beiträge: 352
Herkunft: Köln
Themenstarter
|
|
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.
__________________
|
|
12.02.08 17:27 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Goaly
Mitglied
Dabei seit: 18.05.06
Beiträge: 352
Herkunft: Köln
Themenstarter
|
|
Geht trotzdem irgendwie nicht.
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!
__________________
|
|
12.02.08 17:37 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
[kamui]
~
Dabei seit: 27.04.05
Beiträge: 2.992
|
|
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.
|
|
12.02.08 17:54 |
Finden
Als Freund hinzufügen
|
|
|