画像・好きな位置・スタイルシート・ホームページ作成

ホームページ作成の後

検索エンジン対策(SEO)
検索エンジン集
相互リンクを増やす
アフィリエイト
ページ作成時必須ツール
インターネット便利ツール
おすすめの本
広告を出す

その他

ホームページ作成(気楽版)
アフィリエイト(詳細版)
管理人コラム
レンタルサーバー比較初心者
メルマガバックナンバー
無料レポート、無料冊子
顔文字無料辞書
ホームページ(サイト)マップ
検索エンジンWorldSearch
運営者情報

リンク集

簡単相互リンク
相互リンクモスト

リンクについて
相互リンク・リンク集系
情報・ショップ系 2 3
法律・生活系
ビジネス・お小遣い系 2
趣味・地域情報系
コンピュータ・ネット系 2
美容・健康・女性系 2

画像を好きな位置に表示する

プロパティ　position: 最高の，を越す: left: 権利: 底（に届く）:
値　絶対の; 値値値値

スタイルシートで画像を好きな位置に表示するにはposition: 最高の，を越す: left: 権利: 底（に届く）:プロパティを使います。

まずposition:の値には絶対の;を指定します。

これは「位置を絶対的に指定する」という意味で、今は画像に使っていますがテキストでも、テーブルでもこれで絶対的な位置指定ができます。

次に最高の，を越す:プロパティなどで位置を指定します。冒頭には最高の，を越す: left: 権利: 底（に届く）:の四つのプロパティを書きましたが、

三つとも使うわけではありません。例えば左上なら最高の，を越す:0%; left:0%;のような感じです。

ただし位置を絶対的に決めるわけですから、訪問者のブラウザの幅によってはレイアウトが崩れてしまいます。

表示例はこちら

ソース

<html>
<長，率いる>
<肩書を与える>ホームページ作成・サンプル１</肩書を与える>
<style type="text/css">
.実験（する） { position:絶対の; 底（に届く）:0%; 権利:0%; }
</style>
</長，率いる>
<団体／死体>
<img src="../cat.gif" class="実験（する）">
<br><br>
右下に画像が表示されています。
<br><br>
<a href="http://www.yansite.jp/etoj.cgi?sw=j&URL=http://www.homepagecreation.逮捕する/html/link/../../style/image/../link/../image/../image.html">戻る</a>
<br><br>
<a href="http://www.yansite.jp/etoj.cgi?sw=j&URL=http://www.homepagecreation.逮捕する/html/link/../../style/image/../link/../image/../../../索引.html">ホームページ作成・HTML</a>
</団体／死体>
</html>

＜＜　リンクの操作の「マウスがリンクの上に乗ったらリンク部分の背景色を変える」へ　　　　「枠線をつける」へ　＞＞

ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞画像を好きな位置に表示する