ベストアンサー

下記サイトのパンくずリストが背景の真ん中になりませ

2014/01/16 16:04

下記サイトのパンくずリストが背景の真ん中になりません。 ulをdivで囲んでulを真ん中にすればおそらく良いと思うのですが、それでよいのでしょうか？仕事ならどのようにコーディングしますか？ http://sample1.digi2.jp/yufu/inquery.html

noname#226032

CSS
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

javadoc
ベストアンサー率100% (1/1)

2014/01/18 18:55 回答No.1

この程度でしたら、ulにtext-align:center;をして、liにdisplay:inlineすればいいんじゃないでしょうか？

質問者

お礼 2014/01/18 20:06

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

関連するQ&A

paddingを加えたのですが上部にの背景が広がり

下記サイトのパンくずリストにpaddingを加えたのですが上部にの背景が広がりません。 ulはpaddingが聞かないと言うことは無いですよね。なぜきかないのでしょうか？ http://sample1.digi2.jp/yufu/inquery.html
ulを使ったパンくずリストの使い方で困っています

ulを使ったパンくずリストの使い方で困っていますパンくずリスト初めに現在位置という見出しを付けたいんですが <div id="pankuzulist"> <h3>現在位置</h3>もしくは<spna>現在位置</span> <ul> <li>1_page</li> <li>2_page</li> <li>3_page</li> <ul> </div> と <ul> <li>現在位置 <ul> <li>1_page</li> <li>2_page</li> <li>3_page</li> </ul> </li> </ul> という書き方を考えたんですけどこれはタグの使い方等々などから考えた場合どちらを使うべきでしょうか？
paddingがきかない。

下記サイトのパンくずリストにpaddingを加えたのですが上部にの背景が広がりません。 ulはpaddingがきかないと言うことは無いのになぜきかないのでしょうか？ http://sample1.digi2.jp/yufu/inquery.html 仕方ないのでheightを使いました。 ul#topicpath{ background-image: url(img/base/blackground.png); width: 200px; height: 40px; white-space: nowrap; display: table-cell; vertical-align: middle; text-align: center; } ul#topicpath li { display: inline; color: #FFF; font-weight: bolder; } 原理主義者は答えなくていいです。
モバイルのみパンくずリスト非表示について

wordpressでBreadcrumb NavXTを使い、パンくずリストを表示させているのですがスマートフォン(Andoroid、iphone）サイトだけ（pcとタブレットは表示したい）、パンくずリストを非表示にしたく設定方法をご教授ください以下をheader.phpの最後に明記し、パンくずリストの表示は出来たのですがスマホのサイトのみ非表示にする方法が分かりません使っているテーマはtwenty　fourteenの最新版です <div class="breadcrumbs"> <?php if (function_exists('bcn_display') && !is_front_page()) { echo '<div id="kuzu">'; bcn_display(); echo '</div>'; } ?> </div> 以下のサイトを参考にしたのですがどのように明記していいのか分からず、困っています http://millkeyweb.com/if-mobile/
パンくずリストの作り方（区切り方？）

webサイトにパンくずリストを設置しようと思います．リストの一番最後は，カテゴリーまででしょうか？それとも，そのページのタイトルまで含めるのでしょうか？どちらが良いか教えてください．例：カテゴリまでトップページ > 商品一覧 > 商品ジャンル例：ページタイトルまでトップページ > 商品一覧 > 商品ジャンル > 商品名それでは，よろしくお願いします．
地図をはめ込んだのですが、英語になってしまいます

下記サイトに地図をはめ込んだのですが、英語になってしまいます。もしこれが仕事でしたらまずいですよね。日本がする方法があれば教えてください。また、イラレで地図を作っているサイトも良く見るのですが、実務ではそのようなことも必須でしょうか？作る場合はグーグルマップを下地になぞるのでしょうか？ http://sample1.digi2.jp/yufu/access.html
GoLive6の操作方法でパンくずリストって？

皆さん、いつもありがとうございます。今回はAdobe GoLive6を使ってwebサイトを作ろうと思っているのですが、【パンくずリスト】の作り方がよくわかりません。例） gooトップページ＞教えてgoo＞macintosh みたいな感じのものです。マニュアルを見てみたんですが、どこにもそれらしいき記載がないようで、困っています。 GoLive6で、【パンくずリスト】を作成する方法をご存じの方がお見えでしたら、是非お教えいただけないでしょうか。よろしくお願いいたします。
複数カテゴリに属する場合のパンくずリストについて

複数カテゴリに属するコンテンツのパンくずリストの作り方を教えてください。検索するとWordPressでの方法ばかり出てくるのですが、方法は同じなのでしょうか？どこか参考になるサイトなどありましたらご教示いただきたいです。よろしくお願いいたします。
画像を乗っけたいのですが、うまくいかない。

下記サイトのコンテンツのライトボックスの上にキラキラした画像を乗っけたいのですが、乗っけたところ画像の下に入ってしまいます。 z-indexなどを使ったのですがそれでも下になります。上に重ねる方法があれば教えてください。 http://sample1.digi2.jp/yufu/index.html
パンくず

<ol itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="http://test/"> <span itemprop="name">トップページ</span> </a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="http://test/"> <span itemprop="name">サブページ</span> </a> <meta itemprop="position" content="2" /> </li> </ol> このようなコードでパンくずリストを作っているのですが 1.トップページ 2.サブページとなってしまいます。 OKWAVEの様にトップページ > サブページとするにはどうすれば良いでしょうか? OKWAVEのソースは  <ul class="bread"> <li><a href="/">Bekkoame@OKWaveコミュニティー</a> ></li> <li><a href="/c205.html">[技術者向] コンピューター</a> ></li> <li><a href="/205/c221.html">プログラミング</a> ></li> <li class="fo_wei_b">HTML </li> </ul>  になっています。
リストが途中で切れていても背景色は表示されるようにしたい

どうしても分らないので、教えてください。リスト<li>を横並びにして、項目リンクを作成しているのですが、後々増えることを想定しています。 <li>Menu1</li> <li>Menu2</li> <li>Menu3</li> <li>Menu4</li> <li>Menu5</li> という状態で、Menu3部分で改行されたようにすると、背景色がMenu5のところで途切れてしまいます。（※ベースのwidthを300px、liのwidthを100px、といった感じで改行させたように見せています） <li>Menu6</li>を記述しなくても、背景色が表示されるようにしたいのですが、 <div> <ul> <li></li> ... </ul> </div> 上記のように<div>で括り、背景色を指定しても、うまくできません。括った<div>にheigthをピクセル指定すれば表示されますが、それだと、項目が増えるたびに変更しなければなりません。また、<li>タグにはlist-style-imageも指定しているので、 <li></li> のような空タグを入れておくのもできません。どなたか、良い方法がありましたら、教えていただけませんでしょうか？よろしくお願いいたします。
背景の色について

下記サイトの選択してくださいの部分を表示させると背景が他のように透明にならずシロになってしまいます。他と同じように透明に出来ないのでしょうか？ http://sample1.digi2.jp/yufu/inquery.html
PHPを使用したパンくずリストについて

この度、HPにパンくずリストを自動生成するPHPを使用したいと思い、下記のサイトで配布されているPHPを使用してみたのですが、当方PHPに関しては全くの初心者でして、設定次第でもっと便利にならないものかと思い質問させていただきました。まず、配布サイトは下記URLです。 mtblue.org様 http://www.mtblue.org/pc/web/breadcrumbs.php ■質問内容現在、HTML内にて下記のような記述をしてPHPを読み込んでおります。（例： <?php $myFullname = "index/number.html"; $myTitle = "number（ナンバー）"; include("bread.php"); ?> しかし、これではページごとに変数部分を書き換える必要があり、このPHPを使う利点があまりないのではと思うのです。当方の理想といたしましては、以下のようになればと思っております。 $myFullname・・・index/以下のhtmlファイル名を自動取得 $myTitle・・・HTML内の<title>内を読込初心者の私にでも可能であれば下記の記述をコピペするだけで出来ないのかと浅はかな考えをしているのですが・・・。全ページに対して同じ記述で対応することは出来ないでしょうか？ <?php $myFullname = "index/***.html"; $myTitle = "***"; include("bread.php"); ?> ***部分は自動読込質問内容が不明瞭な点などあるかと思いますが、よろしくお願いいたします。
プルダウンリストの背景色の指定

お世話になります。現在作成しているwebページがあり、下記のようにプルダウンリストの背景色を設定しております。 <select> <option style="background-color: #FF0000;">サンプル1</option> <option style="background-color: #00FF00;">サンプル2</option> <option style="background-color: #0000FF;">サンプル3</option> <option style="background-color: #FFFFFF;">サンプル4</option> </select> このページにおきまして、サンプル3を選択したときに、プルダウンリストに「サンプル3」と表示され、背景色が#0000FFになるようにしたいのですが、上記のままだと、IEでは背景色も変化しますが、firefoxですとプルダウンリスト内に「サンプル3」と表示されても背景色は白のままです。 IEとおなじ動きになるようにするには、どうしたらよいでしょうか。ちなみに、 <select style="background-color: #FF0000"> にすると、IE、firefoxともにプルダウンリストの背景色が変更できたので、javascriptでoptionのvalueをとり、それをselectのstyleに設定できれば。。。と考えたのですが、javascriptはほぼ無知なので、上記の方法でも解決できずでした。簡単に解決できる方法などございますでしょうか。もしくは、javascriptで解決できますでしょうか。どうぞ宜しくお願いいたします。
Excelの関数を使ってパンくずリストを作成する方法をご教示ください。

Excelの関数を使ってパンくずリストを作成する方法をご教示ください。 A列にURLを入力しB列にパンくずリストを表示する関数を作りたいのですが、手こずっています。添付画像のようにURLの列に記載したディレクトリを対応表から探し、パンくずの列に書き出したいです。 A列に「http://www2.toyota.co.jp/jp/about_toyota/message/」と入力したら、 B列に「トップページ > 企業情報 > 会社案内 > トップメッセージ」と出力したいのです。 A列に「http://www2.toyota.co.jp」B列に「jp」C列に「about_toyota」D列に「message」と入力して、別シートにディレクトリとページ名の対応表を作りVLOOKUP関数と「=A&B&C&D」で結果を表示することはできたのですが… A列にディレクトリを分割せずに記載したURLを置換する方法がわかりません。 if,find,mid,vlookup,substituteあたりを組み合わせればできそうなのですが… 「/」が出るまで検索して、見つかったら対応する値をvlookupで対応表から検索、「/」がなくなるまで繰り返すというやり方でできるでしょうか…
サイト作成がうまくいきません。

下記サイトの右上にある小という３つのリンクの一番左側をポイントを持っていく前は背景の小を見えなくして、ポインタを持ってきた時にimgの小が消えて、背景の小が出てくるようにしたいのですがどのようにCSSを変えればよいのか教えてください。重ねれば見えなくなりますが、背景のほうが大きい場合、背景がはみ出て見えてしまわないでしょうか？ http://sample1.digi2.jp/kindergarten3/plan.html
スマホサイトのホームページの背景が途切れる

スマホサイトを作成しているのですが、なぜかフッター部分が途中で途切れてしまいます。考えられる原因はなんでしょうか。【meta】 <meta name="viewport" content="width=device-width,maximum-scale=1,user-scalable=no"> 【html】 <footer> <div class="footerWrapper"> <div class="footer clearfix"> <div class="inner fL"> <a href="http://XXXXXXXXXjp/"><img src="http://XXXXXXXXX/img/footer_logo.png" width="228" height="22" alt="テスト"></a> <ul class="mt15"> <li><a href="http://XXXXXXXXX.jp/shopinfo/">テスト１</a> | </li> <li><a href="http://XXXXXXXXX.jp/menu/">テスト２</a> | </li> <li><a href="http://XXXXXXXXX.jp/school/">テスト３</a> | </li> <li><a href="http://XXXXXXXXX.jp/prof/">テスト４</a> | </li> </ul> </div> <div class="inner fR"> <ul class="mt10"> </ul> </div> </div>  <div class="copy mt35"> <p class="taC white"><small>テスト</small></p> </div> </div> </footer> 【CSS】 .footerWrapper { margin: 35px auto 0 auto; width: 100%; height: 148px; background: url(../img/footer_back.png) left top repeat-x; padding-top: 20px; /*-------------------------------------------------------- スマホ対応 --------------------------------------------------------*/ min-width:1000px; } .footer { width: 70%; margin: 0 auto; clear:both; } .footer .inner.fL { width: 620px; }
指定した背景画像をサイトを訪れるたびに切り替える

Javascript初心者で、全く見当がつきません。お力をお貸しください。参考サイトのように、 Bodyではなく、DivのID一部分のみ、背景画像がサイトを訪れるたびに切り替わるようにしたいのですが，どのサンプルも「Body」の背景が変わってしまいます。どなたか、お答えして頂けないでしょうか？ <参考サイト> http://www.upenn.edu/ <現在記述中のソース> <html> <head> <style type="text/css"> #content { color: #ffe700; font-size: 30px; height: 600px; } </style> <title>見る度に背景色が変わります</title> <script language="JavaScript">  </script> </head> <body onLoad="color()"> 見る度に背景色が変わります<br> <div id="content"> ここの背景にランダムに画像が変更して欲しい。Bodyではなく、Divの指定したID内にのみ表示して欲しいのです</div> </body> </html>
クロスブラウザで同じ表記にならない

将来フリーのデザイナーを目指している初心者です。 IEとファイヤーフォックスでフォントのサイズが変わってしまい、自作サイトが崩れてしまいます。リストが回り込まなくなります。（FIREFOX）フォントのサイズが変わってしまうせいでしょうか？フォントのサイズをクロスブラウザで固定する方法はないのですね。それともプロのデザイナーでもフォントサイズは変わるのが当たり前なので、変わっても崩れないように余裕を持たすのが一般的な方法なのでしょうか？下記サイトです。 http://sample1.digi2.jp/snack.html また、下記の（仏教精神のもと『豊かな心と暖かい思いやりのある人』に育つ事を願って力の限り努力を続けてまいります。）という部分も改行などがずれています。この状況でお客さんに納品するのでしょうか？それともプロはここまでぴったり合わしてから納品するのでしょうか？ http://sample1.digi2.jp/doushin/plan.html
CSSでドロップダウンにしたいのですが

下記サンプルのTOPPAGEという所をCSSでドロップダウンにしたいのですが、うまくいきません。 http://sample1.digi2.jp/ 何が足りないのでしょうか？お教えください。

下記サイトのパンくずリストが背景の真ん中になりませ

質問者が選んだベストアンサー

お礼 2014/01/18 20:06

関連するQ&A

paddingを加えたのですが上部にの背景が広がり

ulを使ったパンくずリストの使い方で困っています

paddingがきかない。

モバイルのみパンくずリスト非表示について

パンくずリストの作り方（区切り方？）

地図をはめ込んだのですが、英語になってしまいます

GoLive6の操作方法でパンくずリストって？

複数カテゴリに属する場合のパンくずリストについて

画像を乗っけたいのですが、うまくいかない。

パンくず

リストが途中で切れていても背景色は表示されるようにしたい

背景の色について

PHPを使用したパンくずリストについて

プルダウンリストの背景色の指定

Excelの関数を使ってパンくずリストを作成する方法をご教示ください。

サイト作成がうまくいきません。

スマホサイトのホームページの背景が途切れる

指定した背景画像をサイトを訪れるたびに切り替える

クロスブラウザで同じ表記にならない

CSSでドロップダウンにしたいのですが

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

下記サイトのパンくずリストが背景の真ん中になりませ

質問者が選んだベストアンサー

お礼 2014/01/18 20:06

関連するQ&A

paddingを加えたのですが上部にの背景が広がり

ulを使ったパンくずリストの使い方で困っています

paddingがきかない。

モバイルのみパンくずリスト非表示について

パンくずリストの作り方（区切り方？）

地図をはめ込んだのですが、英語になってしまいます

GoLive6の操作方法でパンくずリストって？

複数カテゴリに属する場合のパンくずリストについて

画像を乗っけたいのですが、うまくいかない。

パンくず

リストが途中で切れていても背景色は表示されるようにしたい

背景の色について

PHPを使用したパンくずリストについて

プルダウンリストの背景色の指定

Excelの関数を使ってパンくずリストを作成する方法をご教示ください。

サイト作成がうまくいきません。

スマホサイトのホームページの背景が途切れる

指定した背景画像をサイトを訪れるたびに切り替える

クロスブラウザで同じ表記にならない

CSSでドロップダウンにしたいのですが

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録