今、ホームページを作っているのですが
LIタグを用いて、どうしても横に表示したい部分があるのです。
普通なら
<UL>
<LI>あ
<LI>い
<LI>う
</UL>

・あ
・い
・う
と表示されるのを
 あ い う

・・・のように・・・

http://kabocha.org/wangando/index.html
このサイトのスタイル選択で、「斜めの見出し」を選択すると
そのようになるのですが
これと全く同じことをしたいのです。

教えてください!
ここまでこだわってる理由は、上記のサイトでも使われている
いちゆうさんの、スタイルシート切り替えスクリプトを使いたいからです。
http://critical.s6.xrea.com/web/cssselect.shtml

A 回答 (1件)

スタイルシートで



li{
display:inline;
}

と指定してみてください。

この回答への補足

補足欄ですが^^
下のようにやると、ネスケでアイコンが欠けてしまうようです。。。汗
あとで調整してみます^^

補足日時:2003/09/13 13:21
    • good
    • 0
この回答へのお礼

できました!といっても、まだ目的が達成してませんでした。汗
目的達成するのに、下記のことをしました。

<div class="id1"><li class="id2">list</li</div>
#HTML規約違反だが、IEを通すため。汗
----
IEのcss
div.id1 {
display:inline;
position: relative;
left: -15px;
width: 120px;
text-align: left;
}
li.id2 {
list-style-image:url(画像);
}
----
ネスケ等のCSS
div.id1 {
display: inline;
background-image:url(画像);
background-repeat:no-repeat;
position: relative;
top: 0;
left: 100px;
width: 140px;
text-align: left;
}
li.id2 {
display:inline;
position: relative;
left: 20px;
}


ネスケ6~+もじら、IE5~は別々のスタイルシートになっています。
Operaのはこれからつくります。
ネスケ4、IE4以下はスタイルシートを読まないようになってます。

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

#これをもっとスマートに書く方法はないのかなぁ?

お礼日時:2003/09/10 11:46

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング