- ベストアンサー
1つのサイトに2つの<ol>を使いたい
ol{margin: 0 0 0 20px;}と ol{margin: 20px 0 0 0;}の2つの<ol>タグを使用したいのですが 無理なのでしょうか？ 皆さんはこんなときどうしていますか？
- right_2009
- お礼率72% (53/73)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- yyr446
- ベストアンサー率65% (870/1330)
ID指定とか、CLASS指定とか、子指定とか、 セレクターの指定方法しだいで、いくらでも可能ですよ。 http://www.tohoho-web.com/css/basic.htm#TagElementSelector
お礼
なるほど！ アドバイスありがとうございました。 おかげさまで解決できました。
関連するQ&A
- *でパッディング・マージンを0pxにした場合
と、全てのタグを記述しパッディング・マージンを0pxにした場合とは違いがありますか？ 例えば *{ margin: 0px; padding: 0px; } h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li { margin: 0px; padding: 0px; } この2つの違いが分かりません。
- ベストアンサー
- CSS
- <OL><LI>タグにて、こういう風にはできないのでしょうか？？？
こんにちは(*- -)(* _ _) たびたびお世話になっています。 今、ＨＴＭＬを作成中なのですが、 番号を振るタグで<OL><LI>がありますよね？ あれだと、 1. ●● 2. ●● という風に出るのですが、 1. ●● 1-1. ×× 1-2. ×× ××× 1-3. ××× このように、1-1.みたいにはできないでしょうか・・・(T-T) ムリっぽいなぁ・。・。・とは思うものの。。。 もし、「そのタグではムリなのでこうしてみたら？」というのがあれば是非教えてください！！！！
- ベストアンサー
- HTML
- <ol><li></li></ol>タグでネスト
<ol><li></li></ol>タグで ネストするにはどうすればいいでしょうか？ <ol><li></li></ol>の中に<ol><li></li></ol>を入れたいです。 例えば ------------------------------------- １大分類 １－１ その１ １－２ その２ ２大分類 ２－１ その１ ２－２ その２ ------------------------------------- のようなことがしたいです。
- ベストアンサー
- HTML
- UL OL タグの使い方
「以下」もわからずに <BR>以下としていますが、 以下と1.順序付きリスト...の間が開かないようにしたいのですが 良い方法はありますか？ --------以下見え方 ----- ・順不同リストULタグ 以下 <-------------- ここに隙間をなくしたい。 1.順序付きリストolタグ 2.同じく --------ソース---------- <UL> <LI>順不同リストULタグ <BR>以下 <OL> <LI>順序付きリストolタグ <LI>同じく </OL> </UL>
- ベストアンサー
- HTML
- CSSの記述でのクラスの定義で
CSSの記述の中で .yoko1 { padding : 0 0 5px 10px; border-bottom: 4px solid #00ffff; margin-top: 1em; margin-bottom: 2em; } とクラス名が付いています p.yoko1 { padding : 0 0 5px 10px; border-bottom: 4px solid #00ffff; margin-top: 1em; margin-bottom: 2em; } こっちはタグ名に応じたクラスを定義していますが タグ名に応じたクラスを使用するメリットはなんなのでしょうか？ 全てはじめに書いたクラスをしようしても問題はないように思うのですが、、まだ勉強始めたばっかりで疑問に思い質問させていただきました。 よろしくお願いいたします。
- ベストアンサー
- HTML
- ネットスケープで上に余白があいてしまいます
お忙しいところすみません。どうしたら良いのか分からないので、教えていただけると大変うれしいです。 ＩＥだと上の余白がなくちゃんと表示されるのですが、ネスケで見ると上にかなりの余白があいています。マージンを２パターンで指定しているのですが、なぜなのでしょうか？ body { margin-left: 0px; margin-top: 0px; margin-height: 0px; margin-right: 0px; margin-bottom: 0px; } 何かタグが足りないのでしょうか？ どうぞよろしくお願いします。
- ベストアンサー
- HTML
- 1.より左の空白を調整するには
<html> <head> <title>test</title> </head> <ol> <li>1行目</li> <li>2行目</li> </ol> </body> </html> というようにolを使った場合、 1. 2. となりますが、 1.より左の空白を調整するには どのようなcssを書けばいいでしょうか？ 空白を短く、少なくしたいです。 ol { display: block; list-style-type: decimal; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } これのうちのどれかですか？
- ベストアンサー
- CSS
- アメブロでpタグのmarginが広がらない
アメブロでpタグのmarginを広げたいです。 初歩的な質問で申し訳ないのですが、何故か解決できません。 Wordpressの記事をアメブロに移植するため、pタグが入っています。 cssに下記を追加してみましたが、何故か変化がありません。 p { margin: 50px 0px 50px 0px; } でダメで、 .skinArticleBody p { margin: 50px 0px 50px 0px; } もダメです。 .skinArticleBody2が何者なのか、いまいちよくわかりません。 新エディタを使っています。 お手数かと思いますが、どうぞよろしくお願いします。
- ベストアンサー
- CSS
- 一行ごと囲む正規表現につてい
preタグないで囲ったものを php で一行ごとにliタグを挿入しようと考えています。 元ソース <pre> p {margin: 0;} ul {margin: 0;} ol {margin: 0;} </pre> を <code> <pre> <ol> <li>p {margin: 0;}</li> <li>ul {margin: 0;}</li> <li>ol {margin: 0;}</li> </ol> </pre> </code> の様に置き換える方法を探しています。 $content = preg_replace( '/(<pre>)(.*?)(<\\/pre>)/mis',"<code>$1\n<ol><li>\n$2\n</li></ol>\n$3\n</code>", $content ); で <code> <pre> <ol><li> p {margin: 0;} ul {margin: 0;} ol {margin: 0;} </li></ol> </pre> </code> までは出来ました。 改行ごとに</li><li>を挿入できればうまく行くと思うのですが、改行の正規表現が分かりません。 ( '/(<pre>)(.*?)(\n?)(<\\/pre>) など色々とやってみたのですがダメでした。 もしよろしかったら教えてください。 よろしくお願い致します。
- ベストアンサー
- PHP
お礼
html |- body |- div class="text" | |- ol | |-- div id="nav" |- ol この文章で解決できました！ 簡単な事でしたね。ありがとうございました！！