オススメサイト

★オススメサイト★
ポイント&レビュー
げん玉ハピタスランサーズ
日々の生活にhappyをプラスする|ハピタスLancers.jp
詳細詳細詳細point1_4d.gif

tableタグを使わないバナーの横並びの方法

私はHTML暦2ヶ月の超素人です。

サイトを弄ったり、文字の装飾方法で便利だなーと思った事を自分の確認も兼ねてアップしいきたいと思います。

テーマ 【tableタグを使わず記事下にバナー横並びに表示させる

今回説明しているものはtopentry_bodyとmore_linkの間に入れてください。(全部半角で)

topentry_bodyはF3を押してtopentry_bodyと入力すれば簡単に見つかります。
s-tennpure.jpg


3つ並べる場合 (半角で入力してください)
<div>バナー①</a>バナー②</a>バナー③</a></div>

数字のところに取得したHTMLなどを入れてください 。

↓のように表示されます
バナー① バナー② バナー③

バナーの上に文字を載せたい場合はtopentry_bodyのすぐ下に文字を入れます。
その後<div>~です。


他のテンプレートにも同じようにタグを入れてみました。

・valid-seo-3c
・triva
・lightframe_white
・white news
・hiyoko-menu530-3
上の5つは問題なく設置できました。

【注意事項】
・間違いがあった場合速やかに訂正しますが、すべて自己責任でお願いします。
・テンプレートを改造する場合はコピーしてからするのをオススメします。


私は、valid-seo-3cに上のタグを入れているのですが今のところ何も問題は起きていません。
クリック後、ランキングページに飛びますし、タブレットPCから閲覧してもサイトが崩れるという事はありませんでした。

tableタグを使って並べる事もできるのですが私の場合、見栄えが悪くなるのでdivを使いました。

HTML、CSSは難しすぎて頭がパンクしそうになります・・。





★ランキング参加中★応援してくれると嬉しいです!
にほんブログ村 小遣いブログ ポイントサイトへ

コメント

コメントの投稿

非公開コメント


(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
記事、タグ検索
サイト内検索 [ タグ検索 ]

全記事一覧,全タグ一覧へ

アクセスランキング
相互リンク
素材サイト様
banner02.gif b31_valentine.gif move32_02.gif
アクセスアップ
あしあと

サイドバー背後固定表示サンプル

サイドバーの背後(下部)に固定表示して、スペースを有効活用できます。(ie6は非対応で固定されません。)

広告を固定表示させる場合、それぞれの規約に抵触しないようご注意ください。

テンプレートを編集すれば、この文章を消去できます。


外国為替証拠金取引