• ベストアンサー

このHPのアドレスバーの区切り線の作り方

http://support.microsoft.com/gp/imagekb_xphome このホームページのアドレスバー(セルフサポート、お問い合わせって書いてある部分)を作りたいんですけど、どうしても区切り線だけがうまく入力できません。区切り線はどうやって入力すれば、うまく中央に入るんですか? ちなみに私がやっている方法ですが、レイアウトテーブルを使って、セルを中にいれて、区切り線用は10px内にいれようとしています。 遅れましたが、ソフトはDreamweaverMXを使用しています。よろしくお願いします。

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

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

普通にテキストで「|」を入力。 あとは好みでスタイルをつければよろしいかと。 .bar { font-size:smaller; /* 文字サイズ:小さく */ vertical-align:middle;/* 縦方向の配置:中央 */ } <span class="bar">|</span>

cyainu
質問者

お礼

ご回答ありがとうございます。 その縦棒は、どうすれば入力できますか?私はSHIFTを押しながら、¥を入力して、縦棒を出そうと思っているんですけど、なかなかうまくいかないんです。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 【HP作成】画像を中央に表示させる方法

    度々お世話になります。 DreamWeaver初心者です。 ひとつの画像(330px×110px)を、どのブラウザでも画面中央に表示できるようにしたいのですが、どのようにするのがベストでしょうか? 以前、ビルダーでHPを作成していたときは、主にテーブルレイアウトを使ってきたのですが、少しテーブルレイアウトから離れてCSS中心で組んで行こうと思っています。 基本的な操作方法は解りますので、何かいい方法がありましたらお教えくださいませ。

  • DreamweaverMX2004のレイアウトテーブル、セルについて

    OS:WindowsXPでDreamweaverMX2004(以下DW)を使用しているものです。 レイアウトテーブル内にレイアウトセル領域を組み込むのですが、微妙な幅が生じてしまい、ある行のセルだけテーブルからはみ出してしまいます。 微調整ができる設定、方法のご存知のかたご教授願います。

  • ドリームウェーバーの不具合について

    DreamweaverMXを使っています。 テーブルを作り、セルの中に一行だけ入力したのですが、ブラウザで確認すると最後のほうが改行されて二行になってしまいます。 どうしてでしょうか? これが普通なのでしょうか?だとしたらこんなの使えますか?

  • セル内のリンク文字を中央に配置したい

    セル内のリンク文字を中央に配置したい テーブルタグにdisplay:blockを使ってセル全体がリンクできるようにしたのですが、セル内の文字数が増えると(8文字以上になると?)2行になる分、高さが2倍になってしまい、セル内の文字も上下に大きく離れてしまいます。 文字数が2行になる場合でもセルの中央にリンク文字を配置し、高さも2倍にならないようにするにはどうしたらいいか教えてください 全体のwidthを600px, tableを横に4つ並べて一つ一つのtableの大きさを width: 130px; height: 70px; table同士の隙間をあけたかったのでborder-spacing: 20px;とってあります th a{width: 130px; line-height: 70px; display:block;} も入れてあります cssもホームページ作りも慣れていないのでうまく説明できていないかもしれませんが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • DreamWeaverMXでセルのサイズを固定したいのですが

    DreamWeaverMXと奮闘し始めて1週間で、なんとかDreamWeaverでできること、メリットが見えてきましたが、どうも頭を悩ませているのが、テーブルです。 テーブルのセルのサイズをきちんとピクセル指定してても少し関係ないところのセルのサイズを変更すると、すぐに全体のサイズまで変わってしまいます。 ちょっとこれは表現しにくいのですが、 つまり理想は、ちょっとやそっとじゃテーブル、セルのサイズが変更されないようにしたいと思っています。 いまだにレイアウトビューと、スタンダードビューの使い分けのメリットが見えてこないのですが、テーブルについてアドバイスをお願い致します。 ちなみにレイヤーを使用しているサイトというのは思ったより少ない気がしますが、なぜ皆さんレイヤーをもっと使わないのでしょうか。

  • テーブル内の文字がボールドがかってしまいます

    DreamWeaverMX2004を使用しています初心者です。 いまテーブル内の文字の太さに困っています。 レイアウトテーブルでレイアウトセルなどを配置して文字を入れると そのままで細目の文字で表示してくれるのに、さらにそのセル内に テーブルを配置して、その中に文字を入れると、ボールドがかった 文字になってしまいます。これをレイアウトセル内の文字のような 細目の文字で表示させることはできますか? よろしくお願いいたします。 ※↓こんな感じになってしまいます。 http://nak.oops.jp/table_text.htm

  • Tableレイアウトで寸分の狂い無くできていた配置をCSSレイアウトでおこなう術とは?

    Tableレイアウトでは寸分の狂い無くできていた配置ですが、 久しぶりにHPを制作しようとしたら今はCSSレイアウトな世界になってきて いるので今回はそれでやろうとして手法を調べていますが、 Tableレイアウトと比べて画像の配置がブラウザによって狂ってどうにもなりません。 IE7ではOKでもFirefoxやIE6では配置がずれるなど。 やりたいのは、ヘッダーエリア(width:750px,height:100pxくらい)の配置なのですが、このヘッダーエリアの中に「お問い合わせ」や「サイトマップ」という画像での名称兼リンクボタンを配置させたいのですが、 ・「お問い合わせ」は左から536px、上から15px ・「サイトマップ」は左から639px、上から15px の位置に寸分の狂い無く配置を希望しています(その上でマウスオーバーで画像入れ替えも行う)。 position:absoluteを使用すると可能ですが、これですと他の全ての箇所もabsoluteにしなくてはならなくなり、非常に制作に手間がかかってしまいます。 abloluteでなくピシッと配置させる方法はないものでしょうか。

    • ベストアンサー
    • HTML
  • Wordの印刷レイアウト表示のときに中央に表示したい

    モニタの横幅が広いとWordの印刷レイアウト表示のときに 中央ではなく左側に表示されてしまいます。 どのようにすれば中央に表示することができるのでしょうか? (ウィンドウサイズは最大化のままでズームは100%を維持したい) ご存知の方がおられましたらご回答をよろしくお願いします。 使用OS:Windows XP 使用ソフト:Microsoft Excel 2003 画面解像度:1920px × 1080px

  • Excelでマクロ使用時の区切り位置のズレについて

    私はMicrosoft Excel 2007を使っていますが、マクロによる区切り位置機能を使った際のズレに悩んでいます。 実際の状況は以下の様になっています。 (1)まず、数十行、41列(B~AP)の表を作り、罫線を付けてデータを入れる場所を作ります。 (2)次に、例えば以下の様なデータをそれぞれのセルに割り振りながら、1行にまとめます。 データ: ---------------------------------- 食品詳細 牛肉(ひき肉) 100 g 100 0 224 19 15.1 0.5 49 310 4 20 170 2.3 4.3 0.08 --- 4 2 4 0.1 0.5 5 0.08 0.2 4.7 0.36 1.5 7 0.99 1 5.45 6.81 0.61 67 --- --- --- 0.1 ---------------------------------- 上記のデータは、『食品詳細』から『0.1』まで、すべてで41個の数値および文字で構成されおります。 手動でやるには このデータをセルB9に貼り付け、その後『区切り位置』機能のスペース区切りを実行することで B9からAP9までのすべてのセルに割り振っています。 この作業をマクロにて実行させるために、開発タブにある『相対参照に記録』『マクロの記録』を使って 作業を記録しました。 作業は、『貼り付け』『区切り位置』です。 この様にして作成したマクロをショートカットキーで呼び出し使用したところ 上記の牛肉(ひき肉)では、手動と変わらない結果が得られました。 しかし、これを以下のデータで応用したところ、区切り位置にズレが生じました。 応用データ: -------------------------------------- 食品詳細 たまねぎ 50 g 50 0 18.5 0.5 0.05 4.4 1 75 10.5 4.5 16.5 0.1 0.1 0.025 0.075 --- 0.5 --- --- 0.05 --- 0.015 0.005 0.05 0.08 --- 8 0.095 4 0.005 --- 0.015 0.5 0.3 0.5 0.8 --- -------------------------------------- どうも、小数点の区切り位置が違っている様です。 手動ではなく、マクロを利用してデータ入力を行いたいため、どうか改善策を教えては頂けませんでしょうか。 何卒よろしくお願い申し上げます。 実際の様子を画像で添付いたします。

  • フレームを使った縦横中央へのレイアウト

    縦横ともに画面中央にレイアウトするには、どのような方法が良いのでしょうか? http://www.salon-de.net/main.html このサイトではテーブルを縦横100%にしてセルで中央にレイアウトされるように指定しているようですが、テーブル縦100%を認識しないブラウザでは中央レイアウトになりません。 http://www.parkhyatttokyo.com/ このサイトでは、なぜかフレームを縦2段で100%と相対に指定し、100%の方に内容の入ったHTMLファイルを表示させています。 画面中央にレイアウトされたページでは、このようにフレームを縦2段にして100%と相対に指定したものが多く見受けられますが、これにはどのような意味があるのでしょうか? さらに、 http://www.toraya-cafe.co.jp/ では同様のフレームが2重になっています。 また、なぜか「TD」タグ内では「vAlign=center」「align=middle」のようにダブルクォーテーションを付けない書き方が多数派となっています。 この理由はなぜでしょうか? 詳しい方お教え願います。