0

EDIT4：問題は解決したようです。コードの別の部分に取り組んでいるときに、コンボボックスが突然適切に配置されました。なぜそれが正常に機能するのかわかりませんが、機能します! :DI はこれを解決済みとしてフラグ付けできるようになりました

完全に機能するブロック部門内のblock_head部門のh1タイトルのすぐ横にフォーム（コンボボックス）があります。CSSファイルを使用して、必要な場所に配置できました。

一方、同じように配置された別のコンボボックス (つまり、基本的に同じコードを使用した) が block_head の下部にあり、CSS を変更しても float : left/right を除いて移動しません。

問題をカバーするコードを次に示します。

よく出てくるコンボボックス：

<div class = "block">
    <div class="block_head">
        <div class="bheadl"></div>
        <div class="bheadr"></div>
        <h1>Métriques d'utilisation</h1>
    </div>
    <div class="block_content">
        <!--Bloc CLIENT X-->
        <div class="block small left">
            <div class="block_head">
                <div class="bheadl"></div>
                <div class="bheadr"></div>
                <h2>
                    Client : 
                </h2>
                <form method = "post" action="#" name = "clientForm">
                    <p>
                        <select name = "client" onchange="clientForm.submit();">
                        <?php                       
                            foreach($_SESSION['clientList'] as $client) {
                                $selected = ($client == $_SESSION['currentClient']) ? 'selected = "selected"' : '';
                                echo "<option value = $client $selected>$client</option>";
                            }
                        ?>
                        </select>
                    </p>
                </form>
            </div>
...

間違って出てくるコンボボックス:

<div class = "block">
    <div class="block_head">
        <div class="bheadl"></div>
        <div class="bheadr"></div>
        <h1>Tests</h1>
        <form id="branch" class="branch" method="post" action="#">
            <p>
                <select onchange="changeBranch(this.value)">
                <?php
                    $app->branch = $this->currentBranch;

                    foreach($GLOBALS['branchList'] as $entry) {
                        $selected = ($entry == $branch) ? 'selected="selected"' : '';
                        echo "<option value=\"{$entry}\" {$selected}>{$entry}</option>\n";
                    }
                ?>
                </select>
            </p>
        </form>
        <?php
            //Afficher la sélection de la branche
            //$app->showBranchForm();
        ?>
    </div>
...

block_head の CSS コード:

.block .block_head {
    height: 54px;
    line-height: 54px;
    background: url(../images/bhead.gif) 0 0 repeat-x;
    overflow: hidden;
    }

.block .block_head .bheadl {
    width: 20px;
    height: 54px;
    float: left;
    background: url(../images/bheadl.gif) top left no-repeat;
    }

.block .block_head .bheadr {
    width: 20px;
    height: 54px;
    float: right;
    background: url(../images/bheadr.gif) top right no-repeat;
    }

.block .block_head h1 {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    color: #555;
    text-shadow: 1px 1px 0 #fff;
    float: left;
    }

.block .block_head h2 {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #555;
    text-shadow: 1px 1px 0 #fff;
    float: left;
    }

.block .block_head ul {
    float: right;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    }

.block .block_head ul li {
    display: inline;
    padding: 3px 0;
    padding-left: 20px;
    background: url(../images/phs.gif) 7px center no-repeat;
    }

.block .block_head ul li.nobg { background: none; }

.block .block_head ul li a {
    text-decoration: none;
    color: #666;
    outline: none;
    }

.block .block_head ul li.active a { color: #888; }
.block .block_head ul li a:hover { color: #008ee8; }

.block .block_head form {
    float: left;
    padding: 17px 10px;
    height: 34px;
    line-height: 24px;
    }

.block .block_head form .text {
    width: 129px;
    height: 15px;
    padding: 5px 10px 5px 25px;
    border: 0;
    font-size: 11px;
    color: #999;
    margin: 0;
    background: url(../images/srch.gif) left center no-repeat;
    }

.block .block_head form .text:focus {
    color: #666;
    background: url(../images/srch_.gif) left center no-repeat;
    }

.block .block_head select {
    text-transform: none;
    }

どうすればそれを修正できるか、誰かが私を案内してくれますか?

前述のとおり、CSS ファイルをいじってみましたが、何もしませんでした。また、フォームを別の block_heads に移動しようとしました。

画像を載せればよかったのですが、モアの評判が必要です-_-」

ありがとう！

編集：問題の写真へのリンクをいくつか取得しました：

良いコンボボックス

悪いコンボボックス

EDIT2 : 完全な block_head CSS コードを追加

EDIT3：バンプ！

EDIT4：問題は解決したようです。コードの別の部分に取り組んでいるときに、コンボボックスが突然適切に配置されました。なぜそれが正常に機能するのかわかりませんが、機能します! :D これで解決済みとしてフラグを立てることができます

4

1 に答える 1