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

Tabellen-Problem mit Formular-Tag - 2 zeilig statt 1 zeilig

A

ash0815

New member
Hallo

ich habe eine Tabelle die ca. 80 PX breit ist
darin befindet sich noch ein Textfeld

das problem ist, wenn ich mir die seite im Browser anschaue
das die tabelle, die normalerweise 1 zeilig ist
auf einmal zweizeilig ist

das sieht ein bisschen doof und unprofessionell aus

ich hoffe ihr wisst was ich meine
gibt es da abhilfe ???

ich danke euch :)
 
probier mal so:
Code: 
<html>
<head></head>
<body>
<form>
<table>
[INHALT]
</table>
</form>
</body>
</html>
 
habe hier mal ein bild angehängt
darin muss der form-tag sowie das textfeld enthalten dein
ein js braucht den tag

aber die tabelle sieht dann blöd aus :(
 
misst, musste das attachment entfernen
weil ich noch am bild was machen musste
ersetzen wollte es hier im board nicht

den form-tag hatte ich schon in einer extra tabelle
hat aber nichts gebracht :(

das problem liegt anscheinend daran,
wenn ich den text-feld im form-tag reinsetze

dann erscheint der umbruch :(

also hier nochmal
 

Anhänge

  • tabellen_problem.gif
    tabellen_problem.gif
    8,2 KB · Aufrufe: 20
Zuletzt bearbeitet:
nobr will irgendwie nicht

her der quellende text
PHP: 
<style type="text/css">
<!--
input {
	border: 1px solid #000066;
}
-->
</style>
original:<br><table width="100" border="0" cellpadding="0" cellspacing="0" id="tab1">
<tr>
<td><table width="100" border="1" cellpadding="0" cellspacing="1" id="tab2">
<tr>
<td width="22"> text </td>
<td width="78"><form name="form1" method="post" action="">
<input name="textfield" type="text" value="ein bisschentext :-)" size="40" maxlength="40">
</form></td>
</tr>
</table></td>
</tr>
</table>
<br>
linker Abschnitt mit <strong>valign </strong>behandelt
<table width="100" border="0" cellpadding="0" cellspacing="0" id="tab1">
<tr>
<td><table width="100" border="1" cellpadding="0" cellspacing="1" id="tab2">
<tr>
<td width="22" valign="top"> text </td>
<td width="78"><form name="form1" method="post" action="">
<input name="textfield2" type="text" value="ein bisschentext :-)" size="40" maxlength="40">
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
und trotzdem sieht es noch blöd aus<br>
<br>
so soll es mit den form-tag aussehen<br>
<table width="100" border="0" cellpadding="0" cellspacing="0" id="tab1">
<tr>
<td><table width="100" border="1" cellpadding="0" cellspacing="1" id="tab2">
<tr>
<td width="22"> text </td>
<td width="78">
<input name="textfield22" type="text" value="ein bisschentext :-)" size="40" maxlength="40"></td></tr>
</table>
</td>
</tr>
</table> 
weis
aber nicht wie das ohne umbruch gehen soll

hoffe ihr könnt was damit anfangen

ich habe das nochmal als anhang reingetan :)
mit den drei beispielen
 

Anhänge

  • tb-beispiel.zip
    561 Bytes · Aufrufe: 6
Zuletzt bearbeitet:
das problem ist, dass das <form> tag ein blockelement ist und somit immer einen umbruch erzwingt. doch es gibt einen kleinen trick. ich weiss aber nicht, in welchen browsern er funktioniert.
Code: 
<form name="myform" action="action.php" [COLOR=crimson]style="display:inline"[/COLOR]>[...]</form>
 
jupp, das wäre sauber. Die unsaubere, nicht html4 konforme Lösung wäre folgendes:

Code: 
<table>
<tr>....

....
</td>
<form name="" action="">
<td>bla<input ....></td>
</form>
</tr>
</table>
 
Original geschrieben von rasputin
das problem ist, dass das <form> tag ein blockelement ist und somit immer einen umbruch erzwingt. doch es gibt einen kleinen trick. ich weiss aber nicht, in welchen browsern er funktioniert.
Code: 
<form name="myform" action="action.php" [COLOR=crimson]style="display:inline"[/COLOR]>[...]</form>
Zum Vergrößern anklicken....
werde es ausprobieren, aha, ein blockelement

man lern immer dazu :)

@ style-guide!
schaue mir das an :)

vielen dank nochmals :)

bis dann...


[edit]
cool :) die saubere lösung funktioniert
war wohl zu blöd dafür

wie sagt man immer
it's not a bug, it's a feature :)

aber es geht (wenn es beine hätte ) ;)
[/edit]
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben