解決済

clip!clip!
Ads By Google

ヘッダー画像の下に設置している横メニューのテーブル。サイズ、表示場所等の指定ができないのですが。。

ヘッダー画像の下に横メニューを、テーブルを使って設置しています。
ブログはこちらです。(わかりやすいようにテーブルの線を表示させてあります。)


画像リンク3つとプルダウンメニュー2つの計5つです。
高さを合わせたくていろいろヤッてみたのですがうまくいきません。。
どうもプルダウンメニューが表示場所の指定ができないみたいで、テーブルの上の位置に表示されます。
じゃぁってんで画像リンクのほうを
valign="top" としたのですが
それでもずれてしまいます。(1pxほどですが)

そこでテーブル全体のサイズを指定しようとしたり、
<table width="838" height="17">
文字との間隔を指定しようと試みたのですが
<table cellpadding="3">
効かないのです。
cellspacingは効くのに。

どうすれば位置を揃えることができるのでしょうか。
よろしくお願いします。

2008-01-02 15:32の質問
ブログ  カスタマイズ  テーブル  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

4.

2008-01-03 02:22:35ベスト
>画像リンクはプルダウンメニューより1px上に、お気に入り追加ボタンは、さらにその1px上に表示されてるのですが、これを揃えたいのデス。。
いくつか方法はあるかと思いますが、
例えば、上部にマージンを取ってみてはどうでしょう?
<img src=" ; border="0" style="margin-top:1px">
回答レベル : アドバイス

BLUEPIXYさん!
で、できましたー(>o<*)キャー!
『style="margin-top:1px"』
勉強になりました☆
いくつか方法ってあるんですね。
すごいすごいっ。

ちなみに・・
プルダウンメニュー以外の4つにstyle・・を施したのですが、アラふしぎ。
アッチをやるとさっきまで大丈夫だったコッチがずれて・・って、何度か数字を入れ直して落ち着きました。
いつもどうもありがとうございます(⌒∇⌒)ノ

2.

2008-01-02 17:12:53ベター
セレクトフォームの属性をインラインにしてやります。
<FORM METHOD="POST" NAME="menu_1" style="display:inline">
自信度 : 自信あり 回答レベル : 回答

上記の通りに記入したら、プルダウンメニューの下の余白はなくなりましたが上の余白が揃いません。。
質問で書き忘れたのですが3つの画像リンク、2つのプルダウンメニューの他に1つお気に入りに追加するボタンがあります。
画像リンクはプルダウンメニューより1px上に、お気に入り追加ボタンは、さらにその1px上に表示されてるのですが、これを揃えたいのデス。。
今あたしが思いつくのは、自分で作ったそれぞれの画像を、上が揃うように作り直す(余白を入れる)ということなのですが、そうではない方法ってあるものなのでしょうか・・。

3.

2008-01-02 18:25:38ベター
オブジェクト(別名ウィジェット)の高さは全部揃っていますね。
この程度ならホームページビルダできちんと上揃えできるのを確認しました。私がTABLEを作成する場合、まずホームページビルダで作成して効果を確認した後、<table>…</table>記述部分をブログ編集画面に貼りつけ、段落を削除してベタ書き記述に直す方法を採っています。そしてライブドアの環境に合うように画像やリンク等を微調整します。
こうすると悩むことなく楽にできます。

回答になっていないと思いますが、ホームページビルダ(Ver.8でじゅうぶん)またはこれに準じるソフトをお持ちなら、こうした楽な方法で実現できるのを知ってください。
自信度 : 自信あり 回答レベル : アドバイス

そういった類のソフトは持っておりません。。
今まで必要を感じなかったことと、このためだけに購入する気が起きないあたしでもあります(≧∀≦)
だけどきっと、使えば「便利だなぁ」と、思うのでしょうね。
アドバイスありがとうございました☆

Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: