2

こんにちは、cakephp フォームでテキスト ボックスのスタイルを設定しようとしていますが、うまくいきません。相対的なサイズを大きくしようとしていますが、これにアプローチする方法がわかりません。どんな助けでも大歓迎です。

<table align=center>
  <?php echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' => 'login')));?>
  <tr>          
    <td align=center>Username: </td>
  </tr>
  <tr>
    <td ><?php echo $this->Form->input('username',array('label'=>false,'size'=>100));?></td>
  </tr>     
  <tr>      
    <td align = center>Password: </td>
  </tr>         
    <td><?php echo $this->Form->input('password',array('label'=>false,'size'=>100));?></td>
  </tr>
  <tr>
    <td align=center><?php echo $this->Form->end('Login');?></td>
  </tr>
</table>
4

2 に答える 2

0

あなたのコードはそのままでは無効なマークアップを作成します - 見た目を心配する前にそれを修正する必要があります:-)

また、レイアウト用のテーブル？このご時世？ともかく...

<?php echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' => 'login')));?>
<table align=center>
  <tr>          
    <td align=center>Username: </td>
  </tr>
  <tr>
    <td ><?php echo $this->Form->input('username',array('label'=>false,'size'=>100));?></td>
  </tr>     
  <tr>      
    <td align = center>Password: </td>
  </tr>         
    <td><?php echo $this->Form->input('password',array('label'=>false,'size'=>100));?></td>
  </tr>
  <tr>
    <td align=center><?php echo $this->Form->submit('Login');?></td>
  </tr>
</table>
<?php echo $this->Form->end(); ?>

（要素をテーブルの外に移動しました-投稿されたコードでは無効でした）

CSS:

フォーム div.input 入力 { 幅: 200px; }

テーブルをまとめて捨てると、コードがよりシンプルになります。

<?php

echo $this->Form->create('User');

echo $this->Form->inputs(array(
    'User.username',
    'User.password'
));

echo $this->Form->submit('Login');

echo $this->Form->end();

?>

CSS:

form {
    overflow: hidden;
}
form div.input {
    clear: both;
    overflow: hidden;
}
form div.input label {
    float: left;
    display: block;
    width: 10em;
}

form div.input input {
    width: 200px;
}
于 2012-10-19T09:02:44.807 に答える
0

デフォルトの CakePHP CSS テンプレートを使用していると思いますか? その場合は、メインの CSS ファイル (cake.generic.css) で入力の幅を変更します。

スタイル="幅: 300px;"

于 2012-10-19T03:39:26.480 に答える