Tabelle und Formular

[roemi]

Hallo,

ich will in ein Formular eine Tabelle notieren. Alles Ok.
Sobald ich aber in eine der Zeilen ein Formularfeld einbinde wird die Höhe der Zeile "unschön"



Die Tabelle habe ich innerhalb des Form tags. Ich verwende CSS.
Ich hoffe die Angaben reichen, wenn nicht liefere ich was man braucht.

Thx Römi

 

[der_gerrit]

Also vom Screenshot aus, könnte ich nur behaupten, dass der form oder der select entweder eine feste Höhe oder Außenabstand haben. Könntest du evtl. mal deinen HTML-Code posten. Das würde weiterhelfen!

 

[roemi]

Oki,

hier der Code

<?php 

global $userdata, $wpdb;

$obo_table_width = obo_table_width;
if(obo_view_column1)$obo_table_width += obo_column_width; $obo_col_num = 1;
if(obo_view_column2)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column3)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column4)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column5)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column6)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column7)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column8)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column9)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column10)$obo_table_width += obo_column_width; $obo_col_num += 1;


$text .= "<div id='obo_table'>";
$text .= "<form method='post' action='".$_SERVER['REQUEST_URI']."'>";
$text .= "<table class='frontendtable' style='width:".$obo_table_width."px;'>";

$text .= "<tr>";
$text .= "<td class='frontendlisthead'>Von:</td>";
$text .= "<td class='frontendlisthead' colspan=$obo_col_num>";
$text .= "<select></select>";
$text .= "</td>";
$text .= "</tr>";

$text_head .= "<tr>";
$text_head .= "<td class='frontendlisthead' align='left' width=".obo_table_width.">" . __('Date','online_booking') . "</td>"; 
if(obo_view_column1) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column1."</td>";
if(obo_view_column2) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column2."</td>";
if(obo_view_column3) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column3."</td>";
if(obo_view_column4) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column4."</td>";
if(obo_view_column5) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column5."</td>";
if(obo_view_column6) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column6."</td>";
if(obo_view_column7) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column7."</td>";
if(obo_view_column8) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column8."</td>";
if(obo_view_column9) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column9."</td>";
if(obo_view_column10) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column10."</td>";
$text_head .= "</tr>";
$text .= $text_head;




$text .= $text_head;


$text .= "</table>";
$text .= "</form>";
$text .= "</div>";


?>

und das CSS (mit dem freunde ich mich gerade erst an

form
{ 
  margin: 0;padding: 0;
}

.error
{
    padding:2px; 
    border:1px solid #ddd;
    background-color:#FA8072;
    border-color:Red;
    text-align:center;
  margin: 0;padding: 0;
}

div#obo_table .frontendtable
{ 
  margin: 0;padding: 0;
  border-collapse:collapse;
    border:1px solid #ddd;
    border-color:black;
  font-size:11px;
  font-family:arial,sans-serif,helvetica;
}

div#obo_table .frontendlisthead{margin:0;padding:0;border:1px solid #ddd;border-color:black;background-color:#eeeeee;text-align:center;}

div#obo_table .frontendlistdate
{
  margin: 0;padding: 0;
  border:1px solid #ddd;
    border-color:black;
    background-color:#eeeeee;
  text-align:center;
}

div#obo_table .frontendbooking
{
  margin: 0;padding: 0;
  border:1px solid #ddd;
    border-color:black;
    background-color:#FF0000;
  text-align:center;
}

div#obo_table .frontendnobooking
{
  margin: 0;padding: 0;
  border:1px solid #ddd;
    border-color:black;
  text-align:center;
}

Thx Römi

 

[roemi]

Nicht böse sein, aber ich habe das ganze auch ins Wordpress-Forum gestellt. Ich glaube nämlich (fast) das es Themen abhängig ist.

Natürlich nämlich trotz allem JEDEN Tipp dankbar an!!!

 

[roemi]

Es ist wie immer

Ich suche verzweifelt und wenn ich dann in ein Forum schreibe (oder auch zwei) fällt es wie Schuppen von den Augen.

Ich musste die Formularfelder nur in das CSS mit aufnehmen. Und schon klappt es

 

[der_gerrit]

Haha und ich wollte mich gerade dransetzen und den Fehler suchen. Schön das du ihn selber gefunden hast! :)