2017-05-01 6 views
-2

データを保持するテーブル/フォームボックスの長さが長くなるようにして、内部にあるテキストをすべて読み込めるようにします。 CSSを使用しようとしましたが、PHP内に方法がありますか?ここに、CSSのビットを使って現在のように見える画像があります。PHPフォームのスタイルを設定するには

<table>  
    <tr> 
     <th>Title</th> 
     <th>Venue ID</th> 
     <th>Category </th> 
     <th>Start Date</th> 
     <th>End Date</th> 
     <th>Price</th> 
    </tr> 

    <?php 
    while($row = mysqli_fetch_array($records)) 
    { 
     echo "<tr><form action=edit.php method=post>"; 
     echo "<td><input type=text name=title value='".$row['eventTitle'],"'></td>"; 
     echo "<td><input type=text name=venue value='".$row['venueID'],"'></td>"; 
     echo "<td><input type=text name=cat value='".$row['catID'],"'></td>"; 
     echo "<td><input type=text name=start value='".$row['eventStartDate'],"'></td>"; 
     echo "<td><input type=text name=end Date value='".$row['eventEndDate'],"'></td>"; 
     echo "<td><input type=text name=price value ='".$row['eventPrice'],"'></td>"; 
     echo "<input type=hidden name=id value='".$row['eventID']."'>"; 

     echo "<td><input type=submit value=Edit></td>"; 
     echo "</form></tr>"; 
    } 

    ?> 

</table> 
+2

これを置くことです*「私はCSSを使用してみましたが、PHP内の方法がありますか?」* - 基本的に同じ方法であなたがしたいようにそれをHTMLでコーディングします。これは*** "CSS 101" ***です。 –

+1

''私はCSSを使って試してみました ' - そしてその試行で実際の問題に遭遇しましたか? 「CSSの使用」は、これを行う方法とまったく同じです。 – David

+0

ブートストラップ、ファンデーション、HTMLキックスタートなどのようなスタイリングには、いくつかのオープンソースフレームワークを使用する必要があります。 – Webinion

答えて

1

あなたはPHPで生成されたコードのスタイルを設定する方法へと混同しているように見えます。 しかし、実際には通常のHTMLとまったく同じです。

PHPはサーバー側の言語です。つまり、サーバー上のコードを処理してから、結果をプレーンHTMLとしてブラウザに送信することです。

HTMLとCSSはクライアント側です。サーバーは何の処理もせずにコードを送信し、ブラウザはそのコードで何をするかを判断します。

しかし、ブラウザから見ると、PHPから受け取ったコードは実際には普通のHTMLと同じです。

あなたの質問に「しかし、PHPの中には何か?」と答えるには、スタティックなHTMLをスタイリングしているかのようにCSSをコーディングする必要があります。 PHP内でスタイルを設定する方法はありません。

あなたは<link>タグでそれを別のファイルとリンクして、あなたのCSSを置くことができるいずれか、またはあなたは、ドキュメントの先頭に<style>タグに入れ、その後、class="mycssclass"を使用できます。または、内style属性としてそれを置きますHTML。

だから、基本的にはあなたの答えは、通常のCSSを使用して、それに

td{ 
    border:1px solid #000; 
    width:1px; 
    white-space:nowrap; 
} 

td input { 
    width: 100%; 
    box-sizing: border-box; 
} 
+0

ああ、説明に感謝します。しかし、私はCSSを実装しました。これが結果です。 http://i.imgur.com/G8CcWz3.png – Tinny

+0

あなたのセルに入力があるためだと思います... –

+0

ああ、それはなぜ、あなたはアイデアがありますか? – Tinny

関連する問題