人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSファイルの設定について教えて下さい。
現在cssファイルはbase.cssとページ毎のstyle.cssと2つ用意しています。
base.cssファイルでbodyの設定に「text-align:center;」と記述した時に、
他の要素は「text-align:left;」と設定してきちんと表示されますが、
[li]の要素だけは同じ設定にしてもcenterに動いてしまいます。
初心者レベルのため色々直してはみるものの、思ったように表示されずに困っています。
おわかりの方がいらっしゃいましたら、教えていただけないでしょうか。
どうかよろしくお願い致します。

●質問者: aqua-marine
●カテゴリ:ウェブ制作
✍キーワード:base BODY CSS ファイル レベル
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● gessan
●25ポイント

ul要素の位置設定で回り込みを指定してみる。

float:left;

と記入する。


http://iswebmag.hp.infoseek.co.jp/sample224.html

◎質問者からの返答

ありがとうございます。

何故か?やっぱりうまく表示されませんでした。


2 ● errorcode
●30ポイント ベストアンサー

まず、そのCSSファイルとそれを使用しているHTMLファイルを簡略化してみることをオススメします。

例えば、「body」と「li」(と「ul」)のみのHTMLファイルを作成し、そのCSSファイルとそれを読み込んで正常に表示されるかを試し、それで正常に表示されないのであれば、CSSに問題があるので、今度はCSSの中身をbodyとliなどの該当する部分のみにして読み込ませてみてください。

こちらでbodyにtext-align:center;を設定してliにtext-align:left;を設定した簡単なファイルを作ってみましたが正常に表示されました。ブラウザの情報などが書かれておらず、情報量が足りないのでこれ以上は――。

CSSの実際のところ - text-align

◎質問者からの返答

ありがとうございます。

整理したらうまくいきました。

ブラウザは複数で試していました。


3 ● retla
●25ポイント

li要素に

text-align:left !important;

と指定してみて下さい。

それと、li要素に他にどんな指定をしてるのか示した方が、適切な回答が得られるかもしれません。

http://www6.plala.or.jp/go_west/nextcss/index.html

◎質問者からの返答

ありがとうございます。

うまく表示されました。

どこが間違っているのかわからないため、質問の仕方も問題が多くて申し訳ありませんでした。

おかげさまできちんと表示されるようになりました。

又、次回もどうかよろしくお願い致します。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ