nicht angemeldet
problem mit inputfeld in td
hallo
hab ne zweispaltige tabelle
<TR>
<TD BGCOLOR="#996600" BORDERCOLOR="#CCCCCC" HEIGHT="10">
TEXT</TD>
<TD BORDERCOLOR="#996666" BGCOLOR="#99FF00" HEIGHT="10">
<INPUT TYPE="text" NAME="textfield" class="input">
</TD>
</TR>
.input {color: #EFEFF7;
height: 30px;
background-color: #242880;
border:1px solid #FF0000;
margin:0;
margin-top:0;
margin-bottom:0px}
und um den bereich wo das input feld ist einen 1px rand und krieg den nicht weg ....
weiß jemand worans liegt ????
gruß makese
-
border:1px solid #FF0000;
Da ist der Rand definiert.
(1 Pixel Breite, durchgehen, rot)-
border:1px solid #FF0000;
Da ist der Rand definiert.
(1 Pixel Breite, durchgehen, rot)ja den hab ich gesetzt um zu sehen ob das input feld schuld ist
nochmal mein problem :- tabelle mit zwei spalten (in der einen text in der anderen ein inputfeld)
- erste spalte mit bg color
- in der zweiten soll das inputfield die gleiche größe haben wie die bg der ersten spalte
... wenn ich dem td eine höhe von 10px und dem inputfeld auch gebe ist das input feld so 1-2px kleiner wie der td bereich nebenan (auch die schrift ist nicht schuld die kann man raus lassen)
was ist hier los ?????
danke makese
-
border:1px solid #FF0000;
Da ist der Rand definiert.
(1 Pixel Breite, durchgehen, rot)ja den hab ich gesetzt um zu sehen ob das input feld schuld ist
nochmal mein problem :- tabelle mit zwei spalten (in der einen text in der anderen ein inputfeld)
- erste spalte mit bg color
- in der zweiten soll das inputfield die gleiche größe haben wie die bg der ersten spalte
... wenn ich dem td eine höhe von 10px und dem inputfeld auch gebe ist das input feld so 1-2px kleiner wie der td bereich nebenan (auch die schrift ist nicht schuld die kann man raus lassen)
was ist hier los ?????
danke makese
-
ja den hab ich gesetzt um zu sehen ob das input feld schuld ist
nochmal mein problem :- tabelle mit zwei spalten (in der einen text in der anderen ein inputfeld)
- erste spalte mit bg color
- in der zweiten soll das inputfield die gleiche größe haben wie die bg der ersten spalte
... wenn ich dem td eine höhe von 10px und dem inputfeld auch gebe ist das input feld so 1-2px kleiner wie der td bereich nebenan (auch die schrift ist nicht schuld die kann man raus lassen)
was ist hier los ?????
Es gibt die Eigenschaften: margin und padding.
Die können für alle Blockelemente angewendet werden.
Evtl. hat ist in deiner Tabellenzelle eine von diesen Eigenschaften größer 0.Struppi.
-
Hallo,
Hoere auf Romy und lese im alten Thread weiter, da steht Deine Loesung.
das ganze geschieht aber auch bei nur einer spalte und einer zeile mit nem inputfeld drin ....
wenn die table ne bg-farbe hat so sieht man diese ober-/unterhalb des inputfelds sprich das inputfeld füllt die tabele nicht aus ...
warum???gruß makese
<HTML>
<HEAD>
<TITLE>Untitled Document</TITLE>
<STYLE TYPE="text/css">
<!--
.input {
padding-top:0;
margin-top:0;}
-->
</STYLE>
</HEAD><BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<TABLE WIDTH="100%" BORDER="0" vspace=0 CELLSPACING="0" CELLPADDING="0" class="input">
<TR>
<TD BGCOLOR="red" VALIGN="TOP" topmargin="0" padding="0"><INPUT TYPE="text" NAME="textfield" class="input">
</TD>
</TR>
</TABLE>
</BODY>
</HTML>-
Hallo,
Hoere auf Romy und lese im alten Thread weiter, da steht Deine Loesung.
Das schrob ich nicht!
<TITLE>Untitled Document</TITLE>
<STYLE TYPE="text/css">
<!--
.input {
padding-top:0;
margin-top:0;}
-->
</STYLE>so setzt du nur top auf 0.
Bevor du hier weiterfragst les dir mal das Kaptiel in selfhtml durch
http://www.netzwelt.com/selfhtml/css/eigenschaften/index.htmStruppi.
-
hallo
nochmal ... ohne css
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" >
<TR>
<TD BGCOLOR="red" VALIGN="TOP">
<INPUT TYPE="text" NAME="textfield" >
</TD>
</TR>
</TABLE>
</BODY>so ... das inputfeld füllt die zelle nicht komplett aus
(kleiner roter rand der bg farbe)... warum ???-
Hi,
so ... das inputfeld füllt die zelle nicht komplett aus
(kleiner roter rand der bg farbe)... warum ???weil dein inputfeld noch einen border hat
input {border:none;}
das sollte helfen
ciao
romy--
DIE ROMY AUS L. AN DER P. SAGT DANKE UND AUF WIEDERSEHEN
->Alles ist gut wenn es aus Schokolade ist
sh:( fo:| ch:? rl:( br:& va:| zu:) ss:| ls:[-
hallo
so der border is es auch nicht
(hab da auch schon rumprobiert .. obs ein high oder darklight ist oder so)
... problem ist einfach das das inputfeld nicht den ganzen bereich der tabelle fühlt ...code:
<HTML>
<HEAD>
<STYLE>
<!--
.input { border:0;}
-->
</STYLE>
</HEAD><BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" >
<TR>
<TD BGCOLOR="red" VALIGN="TOP">
<INPUT TYPE="text" NAME="textfield" class="input" >
</TD>
</TR>
</TABLE>
</BODY>
</HTML>schaut euch das mal mit und ohne border (im browser) an .. immer son kleiner roter rand ...
ps.: wenn man da ein bild oder ne andere table einsetzt wird alles ausgefühlt .. dürfte somit an dem inputfeld liegen
danke für jede hilfe
makese
-
-
-
-
-
....
das ganze geschieht aber auch bei nur einer spalte und einer zeile mit nem inputfeld drin ....
wenn die table ne bg-farbe hat so sieht man diese ober-/unterhalb des inputfelds sprich das inputfeld füllt die tabele nicht aus ...
warum???gruß makese
<HTML>
<HEAD>
<TITLE>Untitled Document</TITLE>
<STYLE TYPE="text/css">
<!--
.input {
padding-top:0;
margin-top:0;}
-->
</STYLE>
</HEAD><BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<TABLE WIDTH="100%" BORDER="0" vspace=0 CELLSPACING="0" CELLPADDING="0" class="input">
<TR>
<TD BGCOLOR="red" VALIGN="TOP" topmargin="0" padding="0"><INPUT TYPE="text" NAME="textfield" class="input">
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
-
Hallo,
- formatier deine Tabelle ordentlich ohne unnoetige Zeilenumbrueche und Leerzeichen, manche Browser sind da etwas penibel,
- nimm zur Formatierung nur CSS
- setz das Padding der Tabelle auf 0
- wenn deine Hoehe wirklich kleiner 20px sein soll, brauchst du eine Zelle mit einem Blindgif, das in der Hoehe deiner Zellenhoehe entspricht
Dieter
-
-
hallo
Hallo!
<INPUT TYPE="text" NAME="textfield" class="input">
==> Die Class des Inpu Feldes ist input!
.input {color: #EFEFF7;
border:1px solid #FF0000;==> Die class input hat einen 1px rand!
und um den bereich wo das input feld ist einen 1px rand und krieg den nicht weg ....
==> scheint klar zu sein!
weiß jemand worans liegt ????
==> Ja, du hast dem Input feld ein CCS-class zugeordnet und die beinhaltet nunmal laut deinen angaben einen 1px rand!
Ändere die Class der Input felder oder ändere die input-class!
Gruss Adrian