本文へジャンプします。



ココログサポート Top>>Questions List>>HTMLについて(テーブル) (thre...

fixed_question

HTMLについて(テーブル)

このブログを見ていただければ理解できると思うのですが、サイドバーにある「動画更新状況」のテーブルをタイトル画の下に長細く表示させたいのです。やり方がわからないので、教えてください
---
ゆう
http://ryo-1155.cocolog-nifty.com/
basic infomations
  • ご利用中のOSは?:unselected
  • ご利用中のブラウザーは?:unselected
  • ご利用中のプランは?:unselected

インポート | | permalink | その他

Re: [その他]HTMLについて(テーブル)
少々無理やりですが、CSSで位置調整をするとか?

保証はしませんが、次の方法を試してみてください。

1. "動画更新情報"のHTMLの最初の
 <TABLE cellpadding="2" ...
 に
 <TABLE id="movieinfo" cellpadding="2" ...
 のように適当なidを付ける。

2. テーブル内のタグで指定している width="〜"、height="〜"をとりあえず全部消す。

3. カスタムCSSに、以下のような設定を追加する。

/* タイトル画像の下にスペース作成 */
#banner-img {
margin-bottom:64px;
}
/* 「動画更新情報」の表示位置と幅を指定 */
#movieinfo {
position:absolute;
top:250px;
z-index:1;
width:600px;
}
/* テーブル内の表示微調整 */
#movieinfo td {
text-align:center;
padding:1px;
}
#movieinfo td table {
margin:auto;
}
#movieinfo td table td {
text-align:left;
}
/* スクロールさせる幅と高さ指定 */
#movieinfo td table td marquee {
width:580px;
height:32px;
}

---
とおり・すがり

インポート | |