0

現在作成中の Web サイトの index.php があり、Web サイトのレイアウトがあります。ナビゲーション バーの上には、ログアウト ボタンと、どのアカウントがログインしているかを示すテキストがあります。ユーザー名が大きすぎたり短すぎたりしても移動せずに、テキストとボタンを合わせてページに固定スペースを確保する必要があります。

http://jsfiddle.net/mxh2s/は、私のインデックス ファイルの JSFiddle 用です。修正と調整が必要な部分は次のとおりです。

    <div class="autenticado">
    Está autenticado como:
    <?php
      $query = "Select * from user where id_user='".$_SESSION["user"]."'";
      $resultado = mysqli_query($ligabd, $query);
      $registos=mysqli_fetch_array($resultado);

      echo $registos["username"]."&nbsp;&nbsp;&nbsp;";
      echo "<a href='logout.php' class='button'>Logout</a>";
    ?>

そして、私のコードがポルトガル語で申し訳ありません...コードを理解するのに問題がある場合は、それを言ってください.私は助けようとします.

4

2 に答える 2

0

これに似たレイアウトが機能するはずです。ただし、コード例があまり明確ではないため、推測しています。

<div id="header">
   <div id="login">
        <button>Sign Out</button>
        <span class="username"></span>
   </div>
</div>

基本的な CSS の例です。明らかに他の属性はレイアウトによって異なります。

#header {
width:100%;
}

#login {
width:auto;
float:right;
}

#login .username {
float:right;
width:auto;
}

#login button {
float:right;
}
于 2012-05-17T20:46:34.723 に答える
0

私はあなたが何を意味するのかよくわかりませんが、私にはcssポジショニングのように聞こえます:

絶対に div を右上に配置できますか?

.autenticado{

位置: 絶対; 上: 0px; 右: 0px; }

このコードがすべて固定幅のコンテナー内にある場合は、position: relative; を指定してください。その中にdivを保持します。

あなたが望むものを誤解しているかもしれませんが、これが役立つことを願っています:)

于 2012-05-17T20:47:10.390 に答える