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

質問です。
WEB制作のついてです。
リストをつかって表示する場合に
・1つ目のリストと
・2つ目のリストの
間隔をあけるにはどうしたらいいのでしょうか?
宜しくお願いします。

●質問者: tasuku7
●カテゴリ:インターネット ウェブ制作
✍キーワード:Web リスト 制作
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● TNIOP
●18ポイント

いろいろあると思いますが、

例えば外枠0のテーブルを配置して、その中にリストを入れます。

そしてリストの間にテーブルのセルを指定すれば自由に間隔を開けることが出来ます。

http://twebring.com/

◎質問者からの返答

出来ればリスト表示がしたいです。


2 ● hemehemekun
●19ポイント

たとえば次の場合

<ul>
 <li>a</li>
 <li>b</li>
</ul>
<ul>
 <li>c</li>
 <li>d</li>
</ul>

b と c の間隔を空けるということでしょうか。

標準の状態で IE でも Firefox でも a、b 間より広くなっていると思うのですが。

そうなっていない、あるいはもっと広げたい、という場合は css の margin を設定すると良いと思います。

http://msugai.fc2web.com/web/tut/CSStut/margin.html

◎質問者からの返答

参考にさせていただきます。


3 ● aside
●18ポイント

http://www

こういうのでいい貝?

(10pxの部分をかえて間隔調節)

<select style="margin-right:10px;">

<option value="a">a</option>

<option value="b">b</option>

</select>

<select>

<option value="a">a</option>

<option value="b">b</option>

</select>

◎質問者からの返答

それもききたかったので助かりました。


4 ● armond
●18ポイント

http://q.hatena.ne.jp/

CSSを利用するのが面倒であれば、

とすることで、実現することもできます。

文法的にもセーフだと思います。

◎質問者からの返答

ありがとうございます。


5 ● armond
●27ポイント ベストアンサー

すみません、上記の回答タグ部分が・・・お伝えしたかったのは下記です。ポイント不要です

--

http://q.hatena.ne.jp/

CSSを利用するのが面倒であれば、

<ul>
<li><p>1つ目のリスト</li></p>
<li><p>2つ目のリスト</li></p>
</ul>

とすることで、実現することもできます。

文法的にもセーフだと思います。

◎質問者からの返答

ありがとうございました。

関連質問


●質問をもっと探す●



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