Tabellenlayout

[Cordess]

Hallo, ich Entwickle eine (html)Tabelle welche mir Datenbankinhalte darstellen soll. Dazu verwende ich eine (html)Tabelle  mit 5 Spalten und 4 Zeilen. Ich will in der ersten Zeile in Spalte 1-3(mit colspan="3") text einfügen(Subegriff eingeben), ein Texteingabefeld und ein Submitbutton. Wie schaffe ich es das alle drei Elemente ohne Zeilenumbruch in dieser Zelle dargestellt werden.

[Gernot Back]

Hallo Cordess,

Wie schaffe ich es das alle drei Elemente ohne Zeilenumbruch in dieser Zelle dargestellt werden.

mit

td.dieserZelletyp {
  white-space:nowrap;
}

Gruß Gernot

[Gernot Back]

Hallo noch einmal,

bei deinen Formular-Blockelementen empfiehlt es sich außerdem, dass du sie floaten lässt:

float:left

Gruß Gernot

[Cordess]

Erst einmal danke...nur...irgendwie kein Erfolg damit gehabt...der code:
<TD COLSPAN="3" style="white-space:nowrap" style="float:left">
  Nach Ger&aumltename suchen
  <form action="input_text.htm">
    <input name="geraetename" type="text"
      size="30" maxlength="30">
  </form>
  <INPUT TYPE="submit" VALUE="Submit">
</TD>

Ich gehe mal davon aus das das richtig ist...oder???

Gruss Cordess

[Gernot Back]

Hallo Cordess,

Ich gehe mal davon aus das das richtig ist...oder???

Nein, das floating solltest du auf deine input-Elemente beziehen, du kannst es aber auch mal mit display:inline versuchen

input {
  float:left;
}

Außerdem sollte dein Form-Element auch alle Forumularinhalte umschleißen. Es ist sogar sinnvoll die Tabelle komplett da hineinzupacken.

Gruß Gernot

[Cordess]

Juhuuuuu es geht, dank danke danke :D

Mit inline ging es dann :D

Ein echt freundlicher Gruss Cordess

[MudGuard]

Hi,

Nein, das floating solltest du auf deine input-Elemente beziehen, du kannst es aber auch mal mit display:inline versuchen
input {
  float:left;
}

wozu die Umstände? input-Elemente sind per default (replaced) inline-Elemente, es ist also nicht notwendig, sie per display zu inline-Elementen zu machen, und floating eigentlich auch nicht.

cu,
Andreas

[MudGuard]

Hi,

<TD COLSPAN="3" style="white-space:nowrap" style="float:left">

float für die Tabellenzelle?
Naja, wenn man schon Tabellen fürs Layout benutzt …

Nach Ger&aumltename suchen

Hier fehlt entweder amp; oder nur ein ;

<form action="input_text.htm">
    <input name="geraetename" type="text"
      size="30" maxlength="30">
  </form>
  <INPUT TYPE="submit" VALUE="Submit">

Wozu dieser Submit-Button, der zu keiner form gehört?

</TD>

Ich gehe mal davon aus das das richtig ist...oder???

oder.

cu,
Andreas

[Struppi]

Du kannst das ganze komplett ohne CSS Formatierung erreiche:

<TD COLSPAN="3" >
<form action="input_text.htm">
Nach Ger&aumltename suchen
<input name="geraetename" type="text"
size="30" maxlength="30">
<INPUT TYPE="submit" VALUE="Submit">
</form>
</TD>

Struppi.