0

Jqueryを使用して、ページの上部にツールバーを作成しています。

現在、正しく「フォーマット」されています。ボタンが正しく配置されており、ページの上部にもバーが表示されているため、大まかにフォーマットして使用しています。

ただし、ボタンはツールバー内にありません。ボタンをその場所（左側に1つ、右側に1つ）にフォーマットする唯一の方法は、ボタンを左右にフロートさせることでしたが、それによってツールバーからボタンが削除されました。

ボタンが正しい場所にあるコードは次のとおりです。

#toolbar
{
        display: block;
        padding: 2px;
}
.right
{
        float: right;
}
.left
{
        float: left;
}
</style>
<title>Lobby</title>

</head>
<body>
        <span id="toolbar" class="ui-widget-header ui-corner-all">
                <input id='button' class='left' type="submit" value="My Decks" onclick="window.location.href='listDecks.php'"/>
                <input id='button' class='right' type='submit' name='log-out' value='Logout' onclick="window.location.href='logout.php'" />
        </span>

もともと私はツールバー内にボタンを作成していましたが、同じ側（左）にあります：

#toolbar
{
        display: block;
        padding: 2px;
}
</style>
<title>Lobby</title>

</head>
<body>
        <div align="left">
        <span id="toolbar" class="ui-widget-header ui-corner-all">

                <input id='button' class='left' type="submit" value="My Decks" onclick="window.location.href='listDecks.php'"/>
                <input id='button' class='right' type='submit' name='log-out' value='Logout' onclick="window.location.href='logout.php'" />
        </div>
        </span>

ページの反対側とバーのボタンを取得するにはどうすればよいですか？

4

1 に答える 1

0

span と div を適切に終了していません。上記のコードでは、 .Span は div 内にありますが、 span の前に div を終了しています。それを修正して、それが役立つかどうかを確認してください。

また、このような場合は、ボタンよりもハイパーリンクを使用します。

<div align="left">
        <span id="toolbar" class="ui-widget-header ui-corner-all">

                <input id='button' class='left' type="submit" value="My Decks" onclick="window.location.href='listDecks.php'"/>
                <input id='button' class='right' type='submit' name='log-out' value='Logout' onclick="window.location.href='logout.php'" />

        </span></div>
于 2012-11-08T21:50:07.673 に答える