1516841 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

けとけと。の自由帳

けとけと。の自由帳

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

PR

サイド自由欄


動画ページ
HOT!まいろ

フリーページ

2006年02月03日
XML
さて,表示した文字を左寄せ,センタリング,右寄せには align をいうのを使って位置を設定できます.

左寄せ

<DIV align="left">左寄せ</DIV>

センタリング

<DIV align="center">センタリング</DIV>

右寄せ

<DIV align="right">右寄せ</DIV>


でも,これでは端か真ん中にしか置けません.

少しだけ右に寄せたいというときは普通ならば

左から100ピクセル横に移動

<SPAN style="position:relative;left:100px">左から100ピクセル横に移動</SPAN>

で,日記ではうまくいくんですが,フリーページではうまくいきません.

では,どうするか...

今回は margin-left を使ってみます.

左側に50ピクセルのマージンを設定

<SPAN style="margin-left:50px">左側に50ピクセルのマージンを設定</SPAN>

marginについては過去の日記をご覧ください.


ちなみに右寄せしたときに,もう少し左に移動させたいときは

右寄せして右にマージン50ピクセル


<DIV align="right" style="margin-right:50px">右寄せして右にマージン50ピクセル</DIV>

となります.





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2006年02月04日 12時27分25秒
コメント(3) | コメントを書く
[HTML・スタイルシート] カテゴリの最新記事


■コメント

お名前
タイトル
メッセージ
画像認証
別の画像を表示
上の画像で表示されている数字を入力して下さい。


利用規約に同意してコメントを
※コメントに関するよくある質問は、こちらをご確認ください。


 Re:表示位置を微調整する...(02/03)   きらら ♪ さん
できました~!
おかげさまで、好きな位置にしっかり書き込む方法が出来ました。
なんどもご丁寧にありがとうございました。
                m(_ _"m)ペコリ (2006年02月03日 23時47分53秒)

 Re:表示位置を微調整する...(02/03)   シオン★ さん
margin ははじめて知りました。
便利なんですねぇ♪

styleはまだ使えていなかったのでこれから勉強させてくださいね。
中身がたしかいろいろあったようですね(笑)
(2006年02月04日 14時33分38秒)

 Re:表示位置を微調整する...(02/03)   シオン★ さん
IP電話ありがとうございます。
あ、 ヤフーを使っています。(^^)
スプリッターつけたら雑音が消えてよく聞こえるようになったので今の所このまま変えないでいくつもりです(*^-^)。

(2006年02月04日 14時38分13秒)

プロフィール

けとけと。

けとけと。

カテゴリ

日記/記事の投稿

バックナンバー

・2024年05月
・2024年04月
・2024年03月

© Rakuten Group, Inc.