スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

サイト模写(Paul) 5 要素を上にずらす。

PR >PC1台で月20万稼ぐ方法がやっとわかりました。




5.要素を上にずらす
 DIV外にスライドさせる方法。


最後のカテゴリになりました。
下記の図をご覧ください。

青の枠がヘッダ、赤の枠がメインとなります。

画像からは赤のメインDIV内にあるテーブル要素を赤部分から飛び出して青のDIV内にスライドしているのが
わかるかと思います。
20140531.jpg

今回のサイトには、バックグラウンドイメージが固定で配置されており、メインの内容をもう少し上に配置したいからと言ってヘッダの領域を短くする事ができません。

そういう場合はDIVの領域を超えてスライドさせたい場合には、テーブルのポジションをマイナスの値に設定します。
20140531_2.jpg

CSSコード
#shop_main table {
 position: relative;
 
top: -40px;
}
逆に下にずらしたい場合は、bottomをマイナスに設定します。





トラックバック

コメント

コメントを残す

Secret


スポンサードリンク

最新記事

最新コメント

プロフィール

かっこいいデザイン、にぎやかなデザイン、きゅ~となデザイン、シンプルで洗練されたデザイン。
想像するだけで心がモワモワしてきます♪
いいデザインにいっぱい出会いますように★

好きな言葉は、旋律と色彩

ブログランキングに参加しています。こちらにも是非♪

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。