Home > Movable Type > レイアウト変更中

レイアウト変更中

トップページ見ればわかると思いますが、
メニューをヘッダ下に入れたのと
カラムを右側がposition:absoluteで絶対位置指定したのをfloatに。
なんつーかプログラムのデバッグしてるかの如く
関数(?)ミスやカッコ閉じ忘れでかなり苦労してしまった・・・
てか、idやclassの使い分けがいまいちわからんなぁ。
汎用的なのは後者ってのはわかってるんだけど
1つしかないはずのをidで指定すると反映されないとかあるし。
.じゃなくて#じゃないとダメなんだろうか?
あと思いっきり見た目的な問題でスペースが入ってしまってるのを
indexソースとCSSソース見比べながら修正中・・・
レイアウトだけでもソフトで作るべきだろうか。
メニューのデザインも暫定なんで、後でフォトショで作ろう。


Comments (Close):3

Tattsy 09-07-05 (日) 20:37

MainIndexの上下スペースはソースに書いたコメントが原因だった・・・

Sumika 09-07-06 (月) 1:40

idはページに一つしか出てこない要素に、
classは複数出てくる(可能性のある)要素に、
という区別でやってる。
ちなみにidでスタイル指定するなら#じゃないとダメ。
div id=”hogehoge”だったら、
CSSにはdiv#hogehoge
div class=”hogehoge”だったら、
CSSにはdiv.hogehoge

Tattsy 09-07-06 (月) 14:36

なるほど。
今まで全てclassで済ませてたので(MTではid使ってるけど)気付かなかった・・・

コンテンツ
Information
「君の名は。」Blu-rayコレクターズ・エディション 4K Ultra HD Blu-ray同梱5枚組 (初回生産限定)(早期購入特典:特製フィルムしおり付き)
[君の名は。コレクターズ・エディション]

【Amazon.co.jp限定】劇場版 ソードアート・オンライン -オーディナル・スケール-(メーカー特典:「原作イラストレーターabec描き下ろし キャンバスイラストカード」付)(オリジナル特典:「描き下ろしイラストB1布ポスター(アスナ)」「描き下ろしイラストブックカバー(アスナ)」付)(完全生産限定版) [Blu-ray]
[劇場版 ソードアート・オンライン]

【Amazon.co.jp限定】「劇場版トリニティセブン -悠久図書館と錬金術少女-」(描き下ろしA3ポスター付)(メーカー特典:劇場告知B2告知ポスター付) [Blu-ray]
[劇場版トリニティセブン]

Newニンテンドー2DS LL ブラック×ターコイズ
[Newニンテンドー2DS LL]

この素晴らしい世界に祝福を! 2第1巻限定版 [Blu-ray]
[この素晴らしい世界に祝福を!2 第1巻]

きんいろモザイク Pretty Days( イベントチケット優先販売申込券 ) [Blu-ray]
[きんいろモザイク Pretty Days]

【Amazon.co.jp限定】未確認で進行形 Blu-ray BOX(B2布ポスター付き)
[Amazon限定 未確認で進行形BD-BOX]

RSS Reader
検索
Feeds