Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 24.05.2011, 13:59
TIMS_RML TIMS_RML ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.02.2006
Ort: Blankenburg / Harz
Beiträge: 27
TIMS_RML befindet sich auf einem aufstrebenden Ast
Standard Tabelle um FormFeld

Hallo Forum,

ich möchte eine Tabelle mit "3D-Hintergrund-Rahmen" um ein transparentes Formfeld bauen. Folgende Styles dazu, bei denen aber leider IMMER zwischen der oberen und mittleren Tabellenzeile ein Balken erscheint, so als wären die Felder der oberen Tabelle zu hoch ( y-Wert ). Sind se aber nedd... basst alles.
Sämtliche paddings, margins, Höhen, Breiten passen, auch zu den Hintergrundgrafiken! Die Tabelle soll sich natürlich der Größe des Formfeldes dynamsich anpassen, so dass ich für die Zellen Rechts/Links bzw. Oben/Unten keine fixen Werte eingeben kann. Woher kommt dieser scheiß Balken....???

Die styles:
Code:
/* TbFFld */
.TbFF /* Die Tabelle drum rum, 3 * 3 Zellen */
{
 border:0px;
 margin:auto;
 border-collapse:collapse;
 table-layout:fixed;
 empty-cells:show;
}

.TzFF /* Die zentrale Tabellenzelle mit dem Formfeld */
{
	padding:0px;
	border:0px;
	text-align:left;
	background:#EFEFEF;
}

.TzFFTL /* Die Tabellenzelle TopLeft */
{
	padding:0px;
	border:0px;
	width:20px;
	height:15px;
	background:url(http://lib.tims.de/dmn/bg/TzFFTL.gif) no-repeat;
}

.TzFFT /* Die Tabellenzelle Top */
{
	padding:0px;
	border:0px;
	height:15px;
	background:url(http://lib.tims.de/dmn/bg/TzFFT.gif) repeat-x;
}

.TzFFTR  /* Die Tabellenzelle TopRight */
{
	padding:0px;
	border:0px;
	width:40px;
	height:15px;
	background:url(http://lib.tims.de/dmn/bg/TzFFTR.gif) no-repeat;
}

.TzFFR  /* Die Tabellenzelle Right .... weitere Zellen halt im Uhrzeigersinn... ;) */
{
	padding:0px;
	border:0px;
	width:40px;
	background:url(http://lib.tims.de/dmn/bg/TzFFR.gif) repeat-y;
}

.TzFFBR
{
	padding:0px;
	border:0px;
	height:15px;
	width:40px;
	background:url(http://lib.tims.de/dmn/bg/TzFFBR.gif) no-repeat;
}

.TzFFB
{
	padding:0px;
	border:0px;
	height:15px;
	background:url(http://lib.tims.de/dmn/bg/TzFFB.gif) repeat-x;
}

.TzFFBL
{
	padding:0px;
	border:0px;
	height:15px;
	width:20px;
	background:url(http://lib.tims.de/dmn/bg/TzFFBL.gif) no-repeat;
}

.TzFFL
{
	padding:0px;
	border:0px;
	width:20px;
	background:url(http://lib.tims.de/dmn/bg/TzFFL.gif) repeat-y;
}
... und der HTML-Code für die Tabelle mit FormFeld in der mittleren Zelle:
HTML-Code:
<TABLE CLASS="TbFF">
<TR> 
<TD CLASS="TzFFTL">&nbsp;</TD>
<TD CLASS="TzFFT">&nbsp;</TD>
<TD CLASS="TzFFTR">&nbsp;</TD>
</TR>
<TR> 
<TD CLASS="TzFFL">&nbsp;</TD>
<TD CLASS="TzFF"> 
   <INPUT TYPE="PASSWORD" NAME="PWAdr" SIZE="12" MAXLENGTH="16" CLASS="FFTb"></TD>
<TD CLASS="TzFFR">&nbsp;</TD>
</TR>
<TR> 
<TD CLASS="TzFFBL">&nbsp;</TD>
<TD CLASS="TzFFB">&nbsp;</TD>
<TD CLASS="TzFFBR">&nbsp;</TD>
</TR>
</TABLE>

Danke für Eure Hilfe!
__________________
Würde mich dolle über konkrete Lösungen freuen

Geändert von TIMS_RML (24.05.2011 um 14:12 Uhr) Grund: HTML formatiert
Mit Zitat antworten
Sponsored Links