PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Formular Spaltengröße

Yan-13
2006-04-08, 12:46:18
Kann man die höhe der Formular apaltengröße von nem Eingabefeld eigentlich verändern ? Also nen anderen befehl als size="" ?
PatkIllA
2006-04-08, 12:52:33
die Dinger kann man ganz bequem per Stylesheets in der Größe anpassen.
Gast
2006-04-08, 12:53:50
Oder suchst du vielleicht das Attribut columns?
Yan-13
2006-04-08, 13:11:18
wie genau lauten denn die Befehle in css zum formatieren von eingabefeldern ?
Yan-13
2006-04-08, 14:03:08
So das mit dem formatieren habe ich nun hinbekommen

Ich habe die Befehle gebraucht um die Spalten aufm mein Layout zu legen das sieht nun auch erstmal ganz gut aus (oben rechts beim login).

http://web96.server104.rhs-it.de/ilch/index.php

Soweit habe ich allerdings im Quellcode das <form> noch nicht mit </form> beendet. wenn ich da jetzt nen </form> hintersetze sieht es so aus:

http://img98.imageshack.us/img98/3100/bug4xk.th.jpg (http://img98.imageshack.us/my.php?image=bug4xk.jpg)

So und dann nochmal der code wie es aussieht wenn es "geht" :


<html>
<head>
<link rel="stylesheet" type="text/css" href="include/designs/Blackdevil/style.css">
<title>blackdevil2</title>
<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 (blackdevil2.psd) -->
<table id="Tabelle_01" width="1001" height="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9" rowspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_01.jpg" width="829" height="16" alt=""></td>
<td colspan="3">
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_02.jpg" width="89" height="11" border="0" alt=""></a></td>
<td rowspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_03.jpg" width="18" height="16" alt=""></td>
<td colspan="3">
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_04.jpg" width="53" height="11" border="0" alt=""></a></td>
<td rowspan="36">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_05.jpg" width="11" height="800" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_06.jpg" width="89" height="5" alt=""></td>
<td colspan="3">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_07.jpg" width="53" height="5" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_08.jpg" width="776" height="152" alt=""></td>
<td colspan="5" class="login1">

<form action="http://de.selfhtml.org/cgi-bin/comments.pl">
<input name="Vorname" type="text" class="Feld1" value="Nick">


</td>
<td rowspan="5">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_10.jpg" width="16" height="184" alt=""></td>
<td colspan="3" class="login2">

<input name="Vorname" type="password" class="Feld2" value="passwort">


</td>
<td rowspan="5">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_12.jpg" width="12" height="184" alt=""></td>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_13.jpg" width="18" height="16" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_14.jpg" width="86" height="136" alt=""></td>
<td colspan="3" rowspan="4">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_15.jpg" width="81" height="168" alt=""></td>
<td rowspan="4">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_16.jpg" width="18" height="168" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="136" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_17.jpg" width="221" height="23" alt=""></td>
<td colspan="2" class="lastwar">


{_boxes_LASTWARS}



</td>
<td colspan="4" rowspan="3">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_19.jpg" width="63" height="32" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_20.jpg" width="578" height="11" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="30">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_21.jpg" width="19" height="609" alt=""></td>
<td rowspan="2">
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_22.jpg" width="185" height="21" border="0" alt=""></a></td>
<td colspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_23.jpg" width="17" height="9" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td rowspan="29">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_24.jpg" width="11" height="600" alt=""></td>
<td colspan="4" rowspan="28" class="main">

{EXPLODE}

</td>
<td rowspan="29">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_26.jpg" width="16" height="600" alt=""></td>
<td colspan="8" rowspan="11" class="boxrechts">

{_boxes_VOTE}

</td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_28.jpg" width="185" height="22" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_29.jpg" width="185" height="20" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_30.jpg" width="185" height="22" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_31.jpg" width="185" height="19" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="include/designs/Blackdevil/Bilder/blackdevil2_32.jpg" width="185" height="23" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_33.jpg" width="185" height="20" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_34.jpg" width="185" height="22" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_35.jpg" width="185" height="20" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_36.jpg" width="185" height="20" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_37.jpg" width="185" height="25" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_38.jpg" width="168" height="35" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_39.jpg" width="185" height="19" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="7" class="boxrechts2">

{_boxes_STATISTIK}


</td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_41.jpg" width="185" height="20" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_42.jpg" width="185" height="22" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_43.jpg" width="185" height="18" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="include/designs/Blackdevil/Bilder/blackdevil2_44.jpg" width="185" height="24" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_45.jpg" width="185" height="20" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_46.jpg" width="185" height="20" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="3">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_47.jpg" width="168" height="32" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td>
<img src="include/designs/Blackdevil/Bilder/blackdevil2_48.jpg" width="185" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_49.jpg" width="185" height="22" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="4" class="boxrechts3">


{_boxes_ALLIANZ}

</td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td>
<img src="include/designs/Blackdevil/Bilder/blackdevil2_51.jpg" width="185" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<a href="http://blub.de">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_52.jpg" width="185" height="20" border="0" alt=""></a></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_53.jpg" width="185" height="188" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="107" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="2">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_54.jpg" width="168" height="81" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_55.jpg" width="590" height="69" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="1" height="69" alt=""></td>
</tr>
<tr>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="185" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="555" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="40" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="include/designs/Blackdevil/Bilder/spacer.gif" width="11" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>


Css:


td.main
{
vertical-align:top;
background-image:url("Bilder/blackdevil2_25.jpg");
width:590px;
height:531px;
color:#000000;
}
td.lastwar
{
vertical-align:bottom;
background-image:url("Bilder/blackdevil2_18.jpg");
width:578px;
height:21px;
color:#000000;
}
td.boxrechts
{
vertical-align:top;
background-image:url("Bilder/blackdevil2_27.jpg");
width:168px;
height:207px;
color:#000000;
}
td.boxrechts2
{
vertical-align:top;
background-image:url("Bilder/blackdevil2_40.jpg");
width:168px;
height:110px;
color:#000000;
}
td.boxrechts3
{
vertical-align:top;
background-image:url("Bilder/blackdevil2_50.jpg");
width:168px;
height:135px;
color:#000000;
}
td.login1
{
vertical-align:top;
background-image:url("Bilder/blackdevil2_09.jpg");
width:86px;
height:16px;
color:#000000;
}
td.login2
{
vertical-align:top;
background-image:url("Bilder/blackdevil2_11.jpg");
width:81px;
height:16px;
color:#000000;
}
.Feld1
{
vertical-align:top;
font-family: Verdana;
background-image:url("Bilder/blackdevil2_09.jpg");
width:85px;
height:12px;
}
.Feld2
{
vertical-align:top;
font-family: Verdana;
background-image:url("Bilder/blackdevil2_11.jpg");
width:79px;
height:12px;
}



Wie bekomme ich es hin das auch wenn ich den form tag schließe das design nicht zerhackt wird ?
Gast
2006-04-08, 15:54:44
Tabellendesign ist out
Yan-13
2006-04-08, 17:33:19
Is mir egal :P
Gast
2006-04-08, 17:56:06
Achja, wie wärs mal, wenn du genau den Problemcode expandieren würdest, und sagen würdest, was du wie haben willst? Wenn ich jetzt deine Seite ansurfe, siehts Design ja auch nicht gut aus. Tags sollte man aber immer schließen. Wenn bei geschlossenen Tags was verhaut ist, liegt das Problem eindeutig an dir.

und spacer.gifs auch noch... tu uns einen Gefallen, und setze dich mal mit HTML und CSS auseinander...
Yan-13
2006-04-08, 18:13:39
kann man nen formularfeld mit css eigentlich durchsichtig machen ?
Yan-13
2006-04-08, 21:32:49
So ich habe mal nen kleines Update soweit hat jetzt alles geklappt.

http://web96.server104.rhs-it.de/ilch/index.php

Nur wenn man jetzt oben z.B. ins Nickname Feld klickt, die Maustaste gedrückthält und die Maus nach oben oder unten zieht wird das Hintergrunbild mit rauf und runter geschoben. Wie kann man das verhindern ?

Achso und falls wer nen bissle Kritik zum Design und nicht zum code hat würde mir das auch nen bissle entgegen kommen. Ist eigentlich die erste Seite die ich mit ps selber Designd habe.
Yan-13
2006-04-09, 20:53:57
Weiß keiner wie man das Prob beheben kann ?
Henrik
2006-04-09, 22:53:28
Weiß keiner wie man das Prob beheben kann ?

Vielleicht hat ja auch nur niemand Bock sich durch dein Tabellencodewirrwar zu wühlen um den Fehler zu finden?
Dann such doch mal den für das Formular nötigen Code raus, sowohl HTML als auch CSS.

Du kannst nicht von anderen verlangen, dass die sich in deine Probleme reinknien weil du lernresistent bist :|
Yan-13
2006-04-09, 23:39:00
Durch den Quelltext wühlen :D Wenn du meint ich habe 5 sek gebraucht um die stelle zu finden und copy zu drücken :D

Lerndesinteressiert bin ich jedenfalls net und alleine bekomme ich das prob nicht weg. Ich versuche es erst selbst, wenn ichs net hinbekomme frag ich im Forum ;)


<form action="http://de.selfhtml.org/cgi-bin/comments.pl">
<input name="Vorname" type="text" class="Feld1" value="Nick">


</td>
<td rowspan="5">
<img src="include/designs/Blackdevil/Bilder/blackdevil2_10.jpg" width="16" height="184" alt=""></td>
<td colspan="3" class="login2">

<input name="Vorname" type="password" class="Feld2" value="passwort">



so und css:


td.login1
{
vertical-align:top;
background-image:url("Bilder/blackdevil2_09.jpg");
width:86px;
height:16px;
color:#000000;
}
td.login2
{
vertical-align:top;
background-image:url("Bilder/blackdevil2_11.jpg");
width:81px;
height:16px;
color:#000000;
}
.Feld1
{
vertical-align:top;
font-family: Verdana;
background-image:url("Bilder/blackdevil2_09.jpg");
width:85px;
height:12px;
}
.Feld2
{
vertical-align:top;
font-family: Verdana;
background-image:url("Bilder/blackdevil2_11.jpg");
width:79px;
height:12px;
}
form
{
margin: 0;
}



So und das war nochmal das prob:

Nur wenn man jetzt oben z.B. ins Nickname Feld klickt, die Maustaste gedrückthält und die Maus nach oben oder unten zieht wird das Hintergrunbild mit rauf und runter geschoben. Wie kann man das verhindern ?
/dev/NULL
2006-04-10, 13:19:21
Sorry aber wenn Du absichtlich FALSCHEN HTML Code schreibst kann Dir niemand helfen. Formular beendet man mit </form> und wenn der was falsch anzeigt, wenn Du des richtig zumachst hast Du unsauber programmiert. Wenn Du nen extrem standardkonformen browser hast zeigt der nur Schrott bei deiner Seite an..

Mit dem Opera verschiebt sich kein Bild, muß nen IE Fehler sein..
Yan-13
2006-04-10, 13:56:19
Ne is kein falscher code in der html datei aufm ftp ist das Formular natürlich mit </form> geschlossen. Ie zeigt nen verschiebungsfehler an
Yan-13
2006-04-10, 14:22:23
So ich glaube ich weiß jetzt wie ich das Problem lösen kann ...

Es stellt sich jetzt nurnoch dir Frage ob man nen Formular sende Button auch mit css verändern kann wenn ja wie ?
/dev/NULL
2006-04-10, 17:20:09
Die Antwort auf deine Frage ist:
JA!

http://www.google.com/search?client=opera&rls=en&q=formular+button+css&sourceid=opera&ie=utf-8&oe=utf-8

oder falls dir das noch zu viel selbstdenken ist: http://drweb.de/formulare/index.shtml