人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

table タグを使わずにスタイルシート使用して、"一列"で「ホームへ戻る」を左側「ページの先頭へ戻る」を右側に表示するにはどのようなコードを書けばよいでしょうか?宜しくお願いします。

参考ページ
http://www.u-shizuoka-ken.ac.jp/outline/index.html

1216027406
●拡大する

●質問者: mits120
●カテゴリ:ウェブ制作
✍キーワード:コード スタイルシート タグ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● kn1967
●32ポイント ベストアンサー
<div style="float:left;"><a href="ホームのアドレス">ホームへ戻る</a></div>
<div style="text-align:right"><a href="ホームのアドレス">ページの先頭へ戻る</a></div>
◎質問者からの返答

おおーっ できました! ありがとうございました。


2 ● GoldenDawn
●31ポイント
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <style type="text/css">
 #to-homepage {
 float : left ;
 }
 #to-top-of-page {
 float : right ;
 }
 #content {
 clear : both ;
 }
 </style>
 </head>

 <body>
 <p id="navigation">
 <span id="to-homepage"><a href="./">ホームへ戻る</a></span>
 <span id="to-top-of-page"><a href="#">ページの先頭へ戻る</a></span>
 </p>
 <p id="content">ふがほげ</p>
 </body>
</html>
◎質問者からの返答

できました。 ご回答ありがとうございました!


3 ● Nori327
●26ポイント
<html>
<head>
<title>サンプル</title>
<style>
div.home {
background: blue;
text-align: left;
float: left
}

div.page {
background: red;
text-align: right;
float: right
}

</style>
</head>

<body>
<div class="home">
ホームへ戻る
</div>
<div class="page">
ページの先頭へ戻る
</div>


</body>
</html>
◎質問者からの返答

できました!ご回答ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ