プルダウンメニューを後乗せでサクサク:このブログは移転しました

茨城>ブログカスタマイズ>プルダウンメニューを後乗せでサクサク(2007/01/21)

プルダウンメニューを後乗せでサクサク

ブログカスタマイズ


以前失敗した⇒プルダウンメニューを悪戯内の挫折したプルダウンメニュー
CSSプルダウンメニュー for カスタマイズ
〜CSSテクニック〜
の中身を理解したので、後乗せに挑戦しました。
google様は、tableを読まないらしいので、先に記述することもなさそうなのと、ここにあるのは、プルダウンメニューです!と、伝えられると思いやってしました。
やり方です。
<div style="position: relative;">ここらへんに表示したいな・・・(茨城に住む男のブログにようこそ!)

<div style="position: absolute; top:0px; left:0px;">
後から乗せたいもの(フッターに隠したプルダウンメニュー)</div></div>
スタイルシートで動かしています。

ポイント⇒position: absolute;は、指定した親要素(今回の場合は、ここらへんに表示したいな・・の部分です。)の左上を原点とします。position:の中にposition:を記述することで、親要素を原点とした絶対位置( top:0px; left:0px;で指定してます。)で指定してます。
その他の使い方を考えると、ブログパーツの貼りすぎで、なかなか本文が表示されないとき、重たい広告を貼っている時などに使えそうです。

注意は、後乗せなんで、縦横の幅を意識したほうがいいかもしれません。

例:<div style="position: relative;"><img src="https://omitako.up.seesaa.net/image/omitako-2006-12-30T22:07:25-1.jpg" alt="D1000254.jpg" width="192" height="320" border="0" />(重ねたい場所です)
最近観ているテレビ番組
金曜は特命係長・只野仁 をみて
木曜は、アニメ のだめカンタービレを観てます。
<div style="position: absolute; top:0px; left:0px;">
うっほ!!茨城に住む男のブログにようこそ!!!</div></div>

D1000254.jpg(重ねたい場所です)
最近観ているテレビ番組
金曜は特命係長・只野仁
木曜は、アニメ のだめカンタービレを観てます。
うっほ!!茨城に住む男のブログにようこそ!!!

    その他、軽くなったように見えそうな、関連記事
  1. 軽くなったように見える
  2. プルダウンメニューを悪戯


プルダウンメニューを後乗せでサクサクについて検索

Google
 
次のエントリー>>茨城に空港が!その名も茨城空港
前のエントリー>>茨城なのに納豆品切れ

関連するモノ・気になるモノ

関連キーワード

2007/01/21| プルダウンメニューを後乗せでサクサクのcommentへ{6)| プルダウンメニューを後乗せでサクサクのtrackbackへ{1)| |
「プルダウンメニューを後乗せでサクサク」へのコメント
大ども、大です。
面白そうなお題。
また、お勉強させてもらいに来ます。(^_^.)

様 at 2007年01月22日 08:57

大さん コメントありがとうございます。

http://allabout.co.jp/internet/hpcreate/closeup/CU20040510A/
の記事が参考になるかもしれません。。

自分も記事の整理をしないと・・。

おみたこ at 2007年01月23日 01:19

大ども、大です。
?最初の "div position relative" のdivブロック中に、後載せの "div position absolute" を入れなきゃならないってこと?
IDかなんかで、親要素を指定できると、楽なんでしょうけど・・・(後載せの場合)
あとは、HTMLエディタ買うか(ブロックの括りが判るヤツ)
でも、面白い機能ですね。

様 at 2007年01月23日 08:59

大さん コメントありがとうございます。

>>?最初の "div position relative" のdivブロック中に、後載せの "div position absolute" を入れなきゃならないってこと?

その通りです!今回は、後乗せすることを目的としているので、フッターに隠したプルダウンメニューをposition absoluteで括り/div/divにしています。
余計なところまで重ならないようにするのが面倒だったので、茨城に住む男のブログにようこそ!といれました。

>>ブロックの括りが判る
operaで見れますよ。

おみたこ at 2007年01月24日 16:14

大ども、大です。
> operaで見れますよ。
了解 (^o^)/ やってみます (^_^.)

様 at 2007年01月25日 08:34

お陰でpsitionの問題クリアーできました。本当にありがとうございましたm(_ _)m

スズキ イチロー at 2008年03月12日 20:10

コメントを書く
お名前: URL:
コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

プルダウンメニューを後乗せでサクサクへのトラックバック

ヘッダに広告貼ってみました
大ちゃんの、ブログで稼げるか Excerpt: 茨城に住む男のブログ様のネタ:プルダウンメニューを後乗せでサクサクを使って、寂しかったヘッダの右側に、広告を貼ってみました。 (^o^)/ どぉ?イメージ変わった?踏んでみる?
Weblog: 大ちゃんの、ブログで稼げるか
Tracked: 2007-02-04 22:49

茨城に関するカテゴリ

茨城に住む男のブログTOPへ

×

この広告は180日以上新しい記事の投稿がないブログに表示されております。