今、ホームページを作っているのですが
LIタグを用いて、どうしても横に表示したい部分があるのです。
普通なら
<UL>
<LI>あ
<LI>い
<LI>う
</UL>
で
・あ
・い
・う
と表示されるのを
あ い う
・・・のように・・・
http://kabocha.org/wangando/index.html
このサイトのスタイル選択で、「斜めの見出し」を選択すると
そのようになるのですが
これと全く同じことをしたいのです。
教えてください!
ここまでこだわってる理由は、上記のサイトでも使われている
いちゆうさんの、スタイルシート切り替えスクリプトを使いたいからです。
http://critical.s6.xrea.com/web/cssselect.shtml
No.1ベストアンサー
- 回答日時:
スタイルシートで
li{
display:inline;
}
と指定してみてください。
できました!といっても、まだ目的が達成してませんでした。汗
目的達成するのに、下記のことをしました。
<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以下はスタイルシートを読まないようになってます。
ありがとうございました。
#これをもっとスマートに書く方法はないのかなぁ?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS リストの並べ替え 1 2022/09/13 15:27
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
- その他(プログラミング・Web制作) pythonリストの特定の値を表示htmlで表示できない 2 2022/05/14 05:48
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?↑
-
テーブルの行を折りたたみたい...
-
htmlの文字が縦書きになる
-
HTML入門でもう躓いてしまった。
-
アコーディオンメニューが思う...
-
goo は、放置?
-
パソコンのマイク機能
-
HTMLタグのあるCSVファイルを利...
-
WEBページを強制的に横画面で見...
-
Duolingo のソースコードの名前...
-
、URL化させるにはどうしたらい...
-
CSSについて教えてください。 ...
-
HTMLで画像をポップアップで表...
-
HTMLです 画像のように表せます...
-
12月のカレンダーを表すHTMLを...
-
css初心者 フレックスボックス...
-
HTML電卓で1文字消す方法
-
CSSのホバーエフェクト
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改...
-
goo は、放置?
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
HPレイアウトが同じページのヘ...
-
CSS、Bootstrapについて contai...
-
CSSについて教えてください。 ...
-
静止画画像をクリックすると音...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
Webページのリンクの貼り方を教...
-
Duolingo のソースコードの名前...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
コードを書いて下さい( ; ; )...
-
HTMLで画像をポップアップで表...
-
角丸画像の背景色を透明にした...
おすすめ情報