読者です 読者をやめる 読者になる 読者になる

夢追い人

"It takes a dreamer to make a dream come true."―Vincent Willem van Gogh

ホームページリニューアル準備:divレイアウト編

f:id:touyou1121:20140303231036p:plain
f:id:touyou1121:20140303231028p:plain
トップページとリンクのページの暫定版スクリーンショットです。

いい感じです(リキッドレイアウトはなかなか難しいですが・・・)

リンクのリストを横に並べる

前回と比べるとかなり内容は劣りますが。
divをクラス指定していって

.(class名) {
  float: left;
}
.(class名) {
  float: left;
}

で終わりですね。
どうしても左寄りに落ち着いてしまうことに悩んでいます。
一応
CSSで中央配置(センターリング)する方法 | CSS Lecture
を参考にリストのdivをすべてひとつのdivでかこってセンター寄りにするとかしてみたのですが、そもそもdivのなかでleftによってしまうので・・・・・・
おいおい改善できたら考えます。

にしても、英語中心のサイトになりそうな予感・・・