ベストアンサー 1つのサイトに2つの<ol>を使いたい 2009/12/29 16:37 ol{margin: 0 0 0 20px;}と ol{margin: 20px 0 0 0;}の2つの<ol>タグを使用したいのですが 無理なのでしょうか? 皆さんはこんなときどうしていますか? みんなの回答 (2) 専門家の回答 質問者が選んだベストアンサー ベストアンサー ORUKA1951 ベストアンサー率45% (5062/11036) 2009/12/29 17:01 回答No.2 それぞれの親要素は何ですか? HTMLの文章木を示してください。 html |- body |- div class="text" | |- ol | |-- div id="nav" |- ol とか、 質問者 お礼 2009/12/29 19:17 html |- body |- div class="text" | |- ol | |-- div id="nav" |- ol この文章で解決できました! 簡単な事でしたね。ありがとうございました!! 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 その他の回答 (1) yyr446 ベストアンサー率65% (870/1330) 2009/12/29 16:46 回答No.1 ID指定とか、CLASS指定とか、子指定とか、 セレクターの指定方法しだいで、いくらでも可能ですよ。 http://www.tohoho-web.com/css/basic.htm#TagElementSelector 質問者 お礼 2009/12/29 19:16 なるほど! アドバイスありがとうございました。 おかげさまで解決できました。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発HTML 関連する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つの違いが分かりません。 <OL><LI>タグにて、こういう風にはできないのでしょうか??? こんにちは(*- -)(* _ _) たびたびお世話になっています。 今、HTMLを作成中なのですが、 番号を振るタグで<OL><LI>がありますよね? あれだと、 1. ●● 2. ●● という風に出るのですが、 1. ●● 1-1. ×× 1-2. ×× ××× 1-3. ××× このように、1-1.みたいにはできないでしょうか・・・(T-T) ムリっぽいなぁ・。・。・とは思うものの。。。 もし、「そのタグではムリなのでこうしてみたら?」というのがあれば是非教えてください!!!! <ol><li></li></ol>タグでネスト <ol><li></li></ol>タグで ネストするにはどうすればいいでしょうか? <ol><li></li></ol>の中に<ol><li></li></ol>を入れたいです。 例えば ------------------------------------- 1大分類 1-1 その1 1-2 その2 2大分類 2-1 その1 2-2 その2 ------------------------------------- のようなことがしたいです。 ネットワークエンジニアとは?技術職の未来を考える OKWAVE コラム UL OL タグの使い方 「以下」もわからずに <BR>以下としていますが、 以下と1.順序付きリスト...の間が開かないようにしたいのですが 良い方法はありますか? --------以下見え方 ----- ・順不同リストULタグ 以下 <-------------- ここに隙間をなくしたい。 1.順序付きリストolタグ 2.同じく --------ソース---------- <UL> <LI>順不同リストULタグ <BR>以下 <OL> <LI>順序付きリストolタグ <LI>同じく </OL> </UL> 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; } こっちはタグ名に応じたクラスを定義していますが タグ名に応じたクラスを使用するメリットはなんなのでしょうか? 全てはじめに書いたクラスをしようしても問題はないように思うのですが、、まだ勉強始めたばっかりで疑問に思い質問させていただきました。 よろしくお願いいたします。 ネットスケープで上に余白があいてしまいます お忙しいところすみません。どうしたら良いのか分からないので、教えていただけると大変うれしいです。 IEだと上の余白がなくちゃんと表示されるのですが、ネスケで見ると上にかなりの余白があいています。マージンを2パターンで指定しているのですが、なぜなのでしょうか? body { margin-left: 0px; margin-top: 0px; margin-height: 0px; margin-right: 0px; margin-bottom: 0px; } 何かタグが足りないのでしょうか? どうぞよろしくお願いします。 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; } これのうちのどれかですか? アメブロでpタグのmarginが広がらない アメブロでpタグのmarginを広げたいです。 初歩的な質問で申し訳ないのですが、何故か解決できません。 Wordpressの記事をアメブロに移植するため、pタグが入っています。 cssに下記を追加してみましたが、何故か変化がありません。 p { margin: 50px 0px 50px 0px; } でダメで、 .skinArticleBody p { margin: 50px 0px 50px 0px; } もダメです。 .skinArticleBody2が何者なのか、いまいちよくわかりません。 新エディタを使っています。 お手数かと思いますが、どうぞよろしくお願いします。 OL 使います? こんにちは❤ 11月25日はOLの日だそうです。 最近、OLという言葉を聞く機会がありませんが みなさんは今でもOLという言葉、使いますか? 私は今は使ってませんね・・・ 一行ごと囲む正規表現につてい 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>) など色々とやってみたのですがダメでした。 もしよろしかったら教えてください。 よろしくお願い致します。 <BR>タグは、あまり使わないほうが良いのでしょ <BR>タグは、あまり使わないほうが良いのでしょうか? cssを使って margin-top:100px; margin-bottom:20px; 等で調整したほうが良いのですか? もしそうなら、理由を教えてください。 <P>タグと<div>タグについて <P>タグと<div>タグには“前後に空行が入るかどうか”という違いがあるそうですが、下記のようなデータを作り、自分のホームページに記入したところ、前後に全く空行が入りませんでした。 しかし、自分のホームページ以外で、このデータを試してみたところ、<p>タグにはきちんと空行が入るようです。 記入する場所によって、空行が入ったり入らなかったりするのは、なぜなのでしょうか? ※ブラウザはIE8を使用しています。 <P align="right" style="width:740px;margin:auto;">●●●</p> <P align="right" style="width:740px;margin:auto;">●●●</p> <P align="right" style="width:740px;margin:auto;">●●●</p> <div align="right" style="width:740px;margin:auto;">▲▲▲</div> <div align="right" style="width:740px;margin:auto;">▲▲▲</div> <div align="right" style="width:740px;margin:auto;">▲▲▲</div> AIは使う人の年齢や市場にも影響する?人工知能の可能性 OKWAVE コラム OLっぽいって?? 私は20代ですが、よく同性から外見がOLっぽいと言われます。そこでみなさんはどんな外見をイメージしますか? 性別とわず聞かせてください <ol><li> 左側にスペースができてしまう <ol> <li> タグを使うと、左側にスペースができてしまう。 <ol> <li>aaa</li> <li>bbb</li> <li>ccc</li> </ol> をすると、番号の左に若干スペースができてしまいます。 このスペースを作らないようにするにはどうすればいいでしょうか? テーブルのセル内の隙間を取れないのですが・・。 初めまして、今回仕事でデザイン面の改造をしております。 jsp上のTABLEタグにどうしてもcellpaddingをつけたくないもので、CSSのクラスに margin: 0px; padding: 0px; border-collapse: collapse; つけて、セル内の隙間を埋めたいのですが、どうしても隙間ができてしまいます。 Jsp内にcellpadding="0"を追加してあげると ちゃんと隙間なく表示されるのですが・・。 それだと仕様に反してしまいます。 すいませんが、どなたか他につくす手はないか教えていただけますでしょうか? tdタグのクラスにも margin: 0px; padding: 0px; をつけても駄目でした。 なぜでしょうか? olの皆さんへ 皆さん、わんばんこ。 OLの皆さん、何かわからないけど頭にきた事ってありませんか? CSSのpaddingは<body>タグに指定可能? CSSのmarignは<body>タグに以下のような形式で指定されているのを見かけますが、 例: margin-top:0px; margin-bottom:0px; margin-left:0px; margin-rigiht:0px; W3Cの規定によると、paddingは<body>タグに指定可能なのでしょうか? 例: padding-top:20px; padding-bottom:20px; padding-left:20px; padding-rigiht:20px; W3Cの規定によると、marginとpaddingは、ブロックレベル要素及びインラインレベル要素に指定可能だと思います。 ブロックレベル要素とインラインレベル要素を区分けした表はよく見かけますが、<body>タグはブロックレベル要素に含まれていません。 <マージンとブロックレベル要素及びインラインレベル要素の関係> http://www.mozilla.gr.jp/standards/webtips0015.html <ブロックレベル要素とインラインレベル要素を区分けした表> http://riko.s235.xrea.com/shirley/reference008.htm <body>タグはブロックレベル要素と考え、ブロックレベル要素に適用できるスタイルは<body>タグにも指定できると解釈してよいのでしょうか? ブロックレベル要素に指定できて、<body>タグにも指定できないスタイルってありますか?また、ブロックレベル要素に指定できずに(インラインレベル要素に指定できて)、<body>タグにも指定できるスタイルってありますか? google画像検索のように画像を表示させたい http://oshiete1.goo.ne.jp/qa4869855.html で質問した者です。 「googleのように 画像」で検索したところ http://okwave.jp/qa4567914.html このページがHITしました。 そこでNo3の方のソースを元に画像を表示させてみました。 ---ここから--- <style type="text/css"> <!-- p{ text-indent: 1em;} body>h1,body>h2{ text-align:center;} p.abstract{ margin-left: 20%; margin-right: 20%;} div.ImageList{ position: relative; margin-left:20%;margin-right:10%;width: auto; border: solid 2px blue;} div.ImageList ol{ display:block; margin:0px; padding:0px;} div.ImageList>ol>li{display: block; margin: 2px;padding:0px;border:solid 1px gray; width:160px;height: 100px;float:left;text-align:center;} div.ImageList>ol>li>ol>li{display:block;font-size:0.8em;text-align:left;padding:0.2em;text-indent:1em;} div.ImageList hr{ clear:both;visibility:hidden;} div.ImageList div{ position: absolute; width: 21%; left: -23%;top: 0px;font-size:0.9em} --> </style> ---ここまで--- このスタイルシートについてなのですが、 画像のまわりについている黒の薄い線と、大きな青い線を消すことは出来ないでしょうか? この二つの枠線を消してもっと画像どうしをギュッと詰め込みたいのです。 どの部分を削れば削除することが出来ますか? spanタグ 無視される <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>sample</title> <style type="text/css"> span.test{ padding: 6px 0px; background-color: gainsboro; text-align:center; border: 1px gray solid; margin-top:10px; margin-bottom:8px; color: gray; width: 100px; } </style> </head> <body> <span class="test"> <a href="#A"> A</a> </span> <br> <span class="test"> <a href="#B"> B</a> </span> </body> </html> ------------------------- というソースで spanタグで padding: margin-top:10px; margin-bottom:8px; width: が無視されてしまうのですが なぜでしょう? 更に画像のように文字が重なってしまいます。 padding: margin-top:10px; margin-bottom:8px; width: これらを適用させるにはどうすればいいでしょうか? AとBは隣同士に表示したいため、divではなく、spanを使用しました。 OLさんになりたい エクセルとかできないので・・・どうしたら・・ OLさんになりたい エクセルとかできないので・・・どうしたら・・ 基本的にどんなお仕事内容をみなさんされていますか? OLさんはどんな仕事をしていますか? エクセルとワードができないと受からないですか? 経理はできません。。 エクセル習おうと思ってもお金がなくて・・・ 学校高いです・・。 注目のQ&A 「You」や「I」が入った曲といえば? Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市(長野県)在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他(プログラミング・開発) カテゴリ一覧を見る OKWAVE コラム 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? 友達って必要?友情って何だろう 大震災時の現実とは?私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ!負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
お礼
html |- body |- div class="text" | |- ol | |-- div id="nav" |- ol この文章で解決できました! 簡単な事でしたね。ありがとうございました!!