zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Tabelle um FormFeld

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.05.2011, 14:59
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 15:12 Uhr) Grund: HTML formatiert
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.05.2011, 16:05
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

1. Tabellen zum Layouten zu missbrauchen ist ein klarer Verstoß gegen die Forenordnung... Schau mal nach div's und semantischem HTML.
2. Seit xHTML schreibt man Tags klein.
3. Wir achten hier auf Groß- und Kleinschreibung und die Nutzung korrekter deutscher Worte, dann bekommst du wahrscheinlicher Hilfe....

und zu guter Letzt 4.: Poste bitte mal einen Link zu deiner Seite, dann kann man einfacher schauen.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.05.2011, 18:59
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

Hi,

also wir würden schon gern so programmieren, wie wir es für richtig halten und seit 23 Jahren mit über 2000 Kunden-Domains tun. Wenn ich diese Tabelle mit DIVs baue habe ich min. die 10-fache Code-Menge mit zig Positionierungen und Klassen. Mit Tabellen ist eine Kleinigkeit.
Trotzdem hängt man mal an einer Sache.

Link mit Beispiel zu der fehlerhaften Tabelle: www.tims.de/test.htm


Danke!
Ralf
__________________
Würde mich dolle über konkrete Lösungen freuen
Mit Zitat antworten
  #4 (permalink)  
Alt 24.05.2011, 19:07
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zur Problemlösung: Gibt deinen drei Tabellenzellen, die das obere Ende des Kastens beinhalten eine line-hight von 15 Pixeln.

Um zu der leidigen Diskussion zu Tabellen und div's noch etwas beizusteuern: Mit div's hättest du nicht einmal ein Drittel von dem Quellcode, den du bis jetzt hast, was eindeutig zur Einfachheit einer Seite beisteuert. Zudem müsste man dein Registrationsfenster, welches 30% meines Bildschirms in der Höhe belegt nicht scrollen...

Desweiteren würde ich dir auch noch einmal ans Herz legen, mit der Zeit zu gehen. Sprich: XHTML und UTF-8 als Zeichensatz zu nutzen, so entfällt das lästige Maskieren der Sonderzeichen und die Elemente dann entsprechend klein zu schreiben. Wir sind jetzt bald bei HTML5 angekommen, da muss man nicht noch HTML 4.01 nutzen
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!

Geändert von Praktikant (24.05.2011 um 19:12 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 24.05.2011, 19:22
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

nimm Little Boxes, hilft Anfänger, hängengebliebenen Tabellatikern und an akuter Tabellaritis Leidende.

SCNR
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #6 (permalink)  
Alt 24.05.2011, 19:31
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

Super! Danke!!! Problem auch verstanden

Zu Euren Anregungen:
Wir wissen das hier schon. Ich beschäftige zwei Informatiker, die nichts anderes machen, als Strukturen vorgeben, an die sich dann Designer und Programmierer zu halten haben.

Wenn man frei los-designen kann, ist das auch alles ok. Wenn man aber über 2000 Domains managen muß, die schon zig Jahre online sind, dann muß es Strukturen geben, die eingehalten werden müssen. Sonst geht man an der Pflege pleite die keiner mehr bezahlt. Ein falscher Fehler und es knallt an tausenden Ecken. Das kriegt dann keiner mehr zurück gedreht..

Aber für meine "Wortentgleisung" SORRY! Mein BlackOut braucht wohl ein Ventil
Nochmals danke!
Ralf
__________________
Würde mich dolle über konkrete Lösungen freuen

Geändert von TIMS_RML (24.05.2011 um 19:35 Uhr)
Mit Zitat antworten
Antwort

Stichwörter
rand, tabellen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE6: Inhalte bei großer Tabelle verschwunden C-rank CSS 3 05.01.2008 14:23
Tabelle erscheint innerhalb eines DIVs FBI CSS 1 27.06.2007 02:39
Tabelle height 100% im IE paule CSS 0 09.05.2007 13:27
Mysql: Tabelle Ordnen, nach Integer Werten (timestamp) oder Zeitformaten? braindead Serveradministration und serverseitige Scripte 8 14.03.2007 21:21
FF: Tabelle in Tabelle centern wuschba CSS 2 20.07.2006 11:00


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:17 Uhr.