• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

TMJS60ULの"スタイルシート用" [その他 その他]

整備手帳

作業日:2017年2月8日

コンテンツのテーブルの幅を広くしました

他の整備手帳を見る 他の整備手帳を見る

目的 チューニング・カスタム
作業 DIY
難易度

初級

作業時間 30分以内
1
まず、あらかじめしとかなきゃいけない事は、横に広げた時に表示される様にしとかなきゃいけないので、ブログ画像を大きく表示する方法(http://minkara.carview.co.jp/userid/585601/car/2334972/4098226/note.aspx)でした様に
共通コンテンツ、コンテンツ領域

overflow:hidden;

overflow:visible;
にしておく事と
広げた時にサイドメニューと被らない様に、サイドメニューの位置を左側にしておく事が必要です。

この時点での仕様では、大きな画像を貼り付けると写真だけがはみ出して見栄えが悪いので、テーブルと本文も広げてみました。
2
共通コンテンツ
コンテンツ表示(div.contents)
width:720px;
を追加

この仕様で740pxまでの画像がテーブル内に納まります。

ちなみに、ブログの写真は760pxなのではみ出しちゃってますが…
3
コメントも適度に広げます

コメント
コメント表示(table#userCommentList td div.commentArea)

width:340px;
を追加
(名前の載っちゃってるみん友さん、申しわけありません)
4
自分は、これも、ブログ画像を大きく表示する方法、でしてる様に画像と本文をテーブルの左に寄せている為、本文を右いっぱいまで表示する為に
ブログ
ブログ本文(div.blogMemo)

width:760px;  
にしました。

この仕様だとテーブル幅と同じ760pxまでの画像がテーブル内に納まります。
5
ちなみに、前回に大きく表示するようにした整備手帳とフォトギャラも自動的に広くなりますが、何故か写真が少しはみ出した為
ギャラリー写真

width:118.5%;→width:117%;
に変更しました。
コーティング

イイね!0件




タグ

関連整備ピックアップ

2024.03.22 車内放置はダメ。ゼッタイ。

難易度:

300㎜比較

難易度:

冷蔵庫を新調

難易度:

ガルダギア[ベルーガ]製作。

難易度:

外周ラティスの水抜き穴施工

難易度:

2024.03.20 車内放置はダメ。ゼッタイ。

難易度:

関連リンク

この記事へのコメント

コメントはありません。

プロフィール

「@夜でもサングラスさん 気付くの超遅れました😅お誕生日おめでとうございます🎊」
何シテル?   06/03 19:30
TMJS60ULと申します。 HNの由来はお気に入りのバス釣り用のロッドの品番です。 最初、車の事を質問する為に、何気に名前付けて登録したのが始まりです。 ...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

リンク・クリップ

[トヨタ ヴォクシー]シェアスタイル ヴォクシー90系専用 LEDウィンカーランプ 2p 
カテゴリ:その他(カテゴリ未設定)
2023/08/30 18:15:30
[トヨタ ヴォクシー ハイブリッド]PHILIPS X-treme Ultinon LED T20 Amber / WY21 
カテゴリ:その他(カテゴリ未設定)
2023/03/02 23:39:09
[トヨタ ヴォクシー ハイブリッド] ヴォクシー90サス交換 
カテゴリ:その他(カテゴリ未設定)
2023/02/25 00:16:36

愛車一覧

トヨタ ヴォクシー ハイブリッド トヨタ ヴォクシー ハイブリッド
14年乗った70ヴォクシーから乗り換えました。 2023年2月1日納車(登録1月18日 ...
トヨタ プリウス トヨタ プリウス
嫁車です。 30系プリウスからの乗り換えです。 2019年8月5日納車(登録7月22日 ...
トヨタ ヴォクシー トヨタ ヴォクシー
お気に入りの愛車です。 プリウス購入後は、お出かけはプリウスが多くなりましたが、やはり最 ...
トヨタ プリウス トヨタ プリウス
一応、嫁車ですが、メンテ関係の管理は自分がします。 ヴォクシーと同じ様に大事にしたいです ...
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation