peapeapea の回答履歴
- <ul>タグを使うと勝手に<p>タグになる
どなたか教えてください・・ワードプレスでサイトを作っています。 <ul>などのリストタグを使うと、その前にある文章が<p></p>でくくられてしまいます。 <br />にしても、リストタグを使うとそうなってしまうのですがどうすればいいでしょうか。 なぜ、勝手にタグが書き換えられてしまうのか知りたいのです。 これはもうワードプレスのシステムの問題で自動的にそうなってしまうのでしょうか・・そのへんのことはよくわからないのですが。この質問をするにあたって何をお伝えすればいいのかわからないので、疑問な点ありましたら聞いてください。追記いたします。 <p>タグは行送りの間隔が広いのでデザイン的に見映えが悪くなり、使いたくないのです。 テーブルを使うなどするしかないんでしょうか? 表とかはあまり使うなと先輩にいわれているので、できればこの問題を解決できればうれしいです。よろしくおねがいいたします。
- 締切済み
- HTML
- matsuki-_-
- 回答数4
- mozillaにおける<div>で囲んだリストの配置について
スタイルシートを利用してウェブページを作成しようとしているのですが、mozillaでのリストの配置が上手く行きません(IEでは出来ました)。 <div id="one"> <div id="two"> <ul> <li><a href="#">test</a></li> <li><a href="#">test</a></li> </ul> </div> </div> というように、二つの<div>で<ul>を囲んでいます。 この時、リストを右側に配置しようとして、 #one{ width: 500px; } #two{ width: 200px; float: right; } とすると、mozillaで表示する時に、oneの中に、two(とtwoに囲まれた<ul>)が入ってくれません。 two(とtwoに囲まれた<ul>)はfloatで指定した通り右側に来ますが、oneの下に表示されるのです。 2つの<div>で<ul>囲むとこのような事が起こります。 oneの中にtwoで囲まれたリストを表示したいのですが、どのようにスタイルシートで指定すれば良いのか分かりません。 何か良い方法はないでしょうか。 どうぞよろしくお願い致します。
- web上での実際の表示を見る方法(タグ)
初心者です。タグをゼロから勉強しています。 まだ、実際に自分でホームページを持っているわけではありません。 友人に「こんなのどぉ?」といった具合で見せる程度です。 自分で画面上での表示を確認できない状態で渡すので、渡した後に 反映されていないタグがあったり、文字のバランスが悪かったりと、 その場で直す事が多いです。 自分でホームページを持っていなくても、実際にホームページ上で どんな風に表示されるか確認する方法があったら教えてください。 (カテゴリー違いの質問だったらごめんなさい。)
- 画像の縦幅を確保するdivの作り方(CSS)
こんにちは。以下のような体裁が下に どんどん繰り返される体裁のページを作っています。 □はp要素で、■は9個で1つの画像、---は仕切り線です。 画像は「float:right」です。 □□□□□■■■ □□□□□■■■ □□□□□■■■ □□□□□□□□ ---------------- 仕切り線は全体をdivで囲み その「border-bottom」で描くようにしています。 ただ、p要素の文字量が少ない場合、以下のように 仕切り線が画像にかぶるような形になってしまいます。 □□□□□■■■ □□□□□■■■ ----------■■■ これを下のようにしたいわけです。 「×」は空白です。 □□□□□■■■ □□□□□■■■ ×××××■■■ ---------------- どのようにCSS指定をすればよろしいのでしょうか? なお、全体の「div」に画像分の「height」を 与えたところ、今度はp要素の文字数が その仕切り線を越える場合、次の「div」ブロックと 文字がかぶるようになってしまい うまくいきません(Operaのみ)。
- ベストアンサー
- HTML
- JumpingQueen
- 回答数3