0

5 (最大) エントリが作成されると、レイアウトは意図したとおりに機能し、次のようになります。

ここに画像の説明を入力

ただし、エントリが少ないと、レイアウトがめちゃくちゃになります。

ここに画像の説明を入力

この問題の原因は何ですか? 各エントリを生成する PHP コードは次のとおりです。

echo '<div class="st_decor sk_decor rounded" style="clear:both">
',$v['name'],' of ',$l['serv_'.$serv[$v['server']]],'
<a style="float:right;margin-left:1em" href="delete/character/',$v['id'],'/">
<img src="img/x.png" alt="',$l['delete'],'"></a></div>';

使用される CSS クラスは次のとおりです。

.rounded {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px}

.st_decor{
    border-left-style:groove;
    border-width: 0 0 0 2px;
    margin-left: 15px;
    font-size:10px;
    padding: 3px}

.sk_decor{border-left-color:#ffdf8c}    
.sk_decor:hover{background-color:#333333;}

どんな助けでも大歓迎です。

4

1 に答える 1

0

そして、私は解決策を見つけました:画像は単にテキストの前に置く必要があります:

echo '<ul class="st_decor sk_decor rounded" style="clear:both">
<a style="float:right;margin-left:1em" href="delete/character/',$v['id'],'/">
<img src="img/x.png" alt="',$l['delete'],'"></a>
',$v['name'],' of ',$l['serv_'.$serv[$v['server']]],'
</ul>';
于 2012-09-05T13:20:23.697 に答える