• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Input Feld und Button in Tabelle verschoben

Jepse

New member
Hi...
Habe ein kleines Problem...

Ich will direkt neben einem inputfeld einen Button defenieren. Ohne , dass ein Zwischenraum entsteht...

im IE sieht es so aus und ist super:
ie.jpg


Und bei Firefox/Mozilla so:
mozilla.jpg


Der Code ist:
PHP:
<input class='text' value="test" name="alerz" style="width:45px;">
<button name="button" type="button" style="width:20px;height:17px;border: 1px solid #C0C0C0;Background:#F8F8F8" onClick="self.location.href='index.php'">
          <img src="images_web/widget_history_frame.gif" width="20" height="22" border="0" alt="">
</button>

Natürlich ist meine ganze Seite eine riesen Tabelle. Und in einem der Feld soll der oben genannte Inhalt rein.
 
Zuletzt bearbeitet:
Versuchs mal so:
packe ein div drumrum.
Code:
<div style="width:soundso; height:soundso;">
<input class='text' value="test" name="alerz" style="width:45px;"> 
<button name="button" type="button" style="width:20px;height:17px;border: 1px solid #C0C0C0;Background:#F8F8F8" onClick="self.location.href='index.php'"> 
          <img src="images_web/widget_history_frame.gif" width="20" height="22" border="0" alt=""> 
</button> 
</div>
Dann sollte aber die height bei button und pic gleich groß sein.

Weiß nicht obs funzt, probiers aber mal...
 
Ne hat leider auch net geklappt ... Trotzdem danke....

Das ist aber auch ein scheiß mit den beiden Browsern..!!!!
 
Ohh habe ich ganz vergessen zu schreiben... Meine komplette Seite besteht aus Tabellen... Dachte das kann man anhand des Bildes sehen... Habe für das Bild extra border=1 gesetzt.

Aber trotzdem danke s.
 
Dann hilft Dir eventuell dieses hier weiter:

extern:
Code:
td
{
vertical-align:top;
}
intern:
Code:
<td style="vertical-align:top;"></td>
 
Achso den Style änder ich nicht mit valign sonder mit vertical-align

Erstmal schonmal sehr vielen Dank ... werde es gleich mal ausprobieren...

THX...
 
@dkdenz

Benutz du Friefox reinzufällig auch ??? Würde dich gerne mal bitten, ob du das Problem, wenn ich dir meineTabelle poste mal bei dir auf dem Browser testest und vielleicht dann einen Lösungsvorschlag hast....

Link zum Problem

Sehr vielen Dank schon mal...
 
Bitteschön...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>form</title>
</head>
<body>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="50%" align="right" style="vertical-align:top;">Alleinerziehend:</td>
<td width="50%"><input class='text' value="bla" name="alerz" style="width:45px; vertical-align:top;">
<button name="button" type="button" style="width:20px;height:17px;border: 1px solid #C0C0C0;Background:#F8F8F8" class='history_btn' onClick="self.location.href='index.php'">
<img src="images_web/widget_history_frame.gif" width="20" height="22" border="0" alt=""></button>
</td>
</tr>
</table>
</body>
</html>
 
Zurück
Oben