ベストアンサー CSSで任意の位置から縦罫線、横罫線を引きたい 2007/10/14 08:33 お早う御座います、CSSの初心者です宜しくお願い致します。 CSSで任意の位置から縦罫線、横罫線をそれぞれ単独の線として引くのはどの様に書けば良いのですか。 以上宜しくお願い致します。 みんなの回答 （3） 専門家の回答 質問者が選んだベストアンサー ベストアンサー outbrave ベストアンサー率60% (231/380) 2007/10/14 23:51 回答No.2 テーブルレイアウトでしたら、好きな位置に文字を書く事ができます。(普通のテーブルですから当然ですが） table の中に文字を書き、css で必要ない枠線を表示させない感じです。（実際は必要な枠線を、border で表示させます） 複雑な表になるようでしたら、ペイントソフトで作成して、画像ファイルを表示させるのがよいと思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> </head> <body> <table cellpadding="0" cellspacing="0"> <tr> <td style="border-right:solid 2px #C0C0C0;width:150px;height:50px">­</td> <td style="width:150px">­</td> </tr> </table> <table cellpadding="0" cellspacing="0"> <tr> <td style="border:solid 2px #C0C0C0;border-bottom:solid 2px #C0C0C0;width:300px;height:50px;text-align:center">部長</td> </tr> </table> <table cellpadding="0" cellspacing="0"> <tr> <td style="border-right:solid 2px #C0C0C0;width:150px;height:50px">­</td> <td style="width:150px">­</td> </tr> </table> <table cellpadding="0" cellspacing="0"> <tr> <td style="width:50px;height:50px">­</td> <td style="border:solid 2px #C0C0C0;border-bottom:none;width:200px">­</td> <td style="width:50px">­</td> </tr> </table> <table cellpadding="0" cellspacing="0"> <tr> <td style="border:solid 2px #C0C0C0;width:100px;height:50px;text-align:center">課長</td> <td style="width:100px">­</td> <td style="border:solid 2px #C0C0C0;width:100px;text-align:center">課長</td> </tr> </table> </body> </html> 質問者 お礼 2007/10/15 00:28 outbraveさん、有り難う御座いました。 今後とも宜しくお願いします。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 その他の回答 (2) k0021 ベストアンサー率26% (32/120) 2007/10/17 00:30 回答No.3 下記URLで質問しましたが 縦罫線、横罫線は、文字一覧の罫線を使用しています ただしフォント指定が必要です font:17px/16px serif; 行間隔と等幅ホントを指定して下さい 横罫線は、思うどうり表示」出来ないかもおもいますが ？？ IEのみ対応の場合は、記述どうりに表示しますがMACでは対応しません CSSの初心者の場合MACでの対応の場合は、画像ファイルの表示が無難と思います 参考URL： http://oshiete1.goo.ne.jp/qa3419105.html 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 outbrave ベストアンサー率60% (231/380) 2007/10/14 13:30 回答No.1 table でレイアウトを決めてから、border で表示させればよいかと。 例： <td style="border-bottom: solid 1px #FF9900"> 質問者 お礼 2007/10/14 22:38 outbraveさん有り難う御座います。 組織図みたいなものを描きたいのですが、罫線の左右、下側にも自由に文字は書けるのでしょうか。 宜しくお願いします。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発HTML 関連するQ&A PDFファイルに縦罫線・横罫線を引きたい。 PDFファイルに縦罫線・横罫線を引きたい。 アクロバット・PROでPDFファイルに縦罫線・横罫線を引きたいのですが 100ページを超える処理をしなくてはいけないので、一括でする方法を教えていただきたいのです。 罫線の位置はすべて同じです。 アクロバットで処理できなければ、他のソフトがあるでしょうか？ パソコンのWordで便箋に縦書の罫線を、等間隔で引きたいのですが、方法をお教えください。 パソコンのWordで縦の罫線を等間隔で十数本引きたいのですが？ 1.「直線」ボタンをクリックして、一本ずつ引くのは、線を引く始点 を一致させるのと、間隔を等しくするのが難しく、なかなか旨くでき ません。一度に引く方法はないのでしょうか。 2.「表の挿入」を使うと一度に複数の罫線を引くことが出来るのです が、縦の罫線と罫線の間にあるカーソルの位置が中央ではなく、左寄 りになるため、文字の位置が中央になりません。縦書きの場合には左 右間の「中央寄せ」ができませんので、旨くゆきません。縦書きの罫 線で、文字を罫線間の中央に入れることの出来る便箋をWordで作るこ とは出来ないのでしょうか。 良い方法があったらご教示ください。 CSSでセル内の文章の縦位置をTOPにしたい テーブルを作成しました。セルの数は随時増やしていく予定にしてます。 デフォルトではmiddleになっている縦方向の位置をCSSを使って一括でTOPに設定しておきたいのですが…タグに<tr valign="top">と設定すればよいのですが、行数が増える一方になるので、できるだけ内容をスッキリさせたいところです。CSSで設定できればいいなと思います。横位置はtr{text-align:center}で指定できるようですがtr{text-valign:middle}とやっても変化がなかったので（強引）… よい方法がありましたら教えて下さい。宜しくお願い致します。 ネットワークエンジニアとは？技術職の未来を考える OKWAVE コラム Wordで罫線が引きたい 罫線ツールバーで引こうとすると枠になってしまう Wordで縦とか横の罫線が引きたいのですが、罫線コマンドで引こうとすると枠になってしまう。図形描画ではなくて罫線コマンドの罫線を引くで、横とか縦の線を引くにはどうしたらいいのでしょうか。 印刷すると縦の罫線がずれます エクセルで編集した文書の縦の罫線だけがまっすぐに印刷されません。 メンテナンスは全て終っていると思う〔自信が有りませんが〕のですが 。 プリンターはキャノンのPIXUS MP10です。 宜しくお願い致します。 テキストボックスに罫線を入れる wordのテキストボックスに表ではない罫線（縦及び横）を描きたいのですが。オートシェイプなどで追記すると確かに線は描けますが、テキストボックスを移動すると線は元の位置に取り残されてしまいます。横線はハイフンの位置（文字の中間高さ）を多用したい。 CSSでテーブル罫線の表示と表示を共存させる いつもありがとうございます。 現在、テーブルの中にさらにテーブルを作って、外側のテーブルの罫線は1ポイント、内側のテーブルの罫線を非表示にしたいのですがCSSでどのように表現すればいいですか？ 作成にはホームページビルダー7を使っています。 当方、CSSは初心者です。 縦に画像を並べるときのCSS CSS初心者です（文字のデザイン・レイアウトと画像への回り込みぐらいにしか使ったことがありません）。HP上に、縦にテキストを並べたメニューを作りました。そこに続けて画像を等間隔（バナーをいくつか下に並べていく感じ）に置いていこうと思います。この場合CSSの中身はどのように記述すればいいのでしょうか？あまりに簡単すぎるためかどんな本にも載っておらず、自分でそれっぽくやってみたのですが、自分のPC環境以外でどうなるのか恐ろしくて使う気になれません。どなたか正しい記述を教えていただけませんか？ [css]縦または横の長さを指定したい ｈｔｍｌとｃｓｓで、 任意の形の長方形のimgを、大きさの決まった正方形の中に最大限大きく表示したいです。 つまり、縦か横かの長い方のwidth(height)を一定の長さにしたいのですが、 そのような指定方法はあるでしょうか？ よろしくお願いいたします。 エクセル表の罫線（縦）が消せません 他人が作った表で、列はA～J、行は45行ほどの至ってシンプルな表に 一本だけ縦罫線が入っており、何をやっても消せません。 問題の線はD列とE列の境に連続した状態(永遠に下まで続いています)で 入っており、データ(列)を全て選択した状態で罫線を「なし」にして みましたが頑なに残ります。 勿論、消しゴムには無反応です。 似た質問をされた方の回答を読み、"エクセルのオプション”も開いて みましたが、バージョンが違うため「罫線を消す」と、いった項目が無く、 解らず仕舞いです。 作成者が不明です。何年も前に作られ、以後毎年エクセル初心者が上書き している状態なので、送って下さる人に尋ねても「消せないから そのままになってます」と云う回答です。 表は受け取った後に多少のデータを追加して、別な方に送らなくては なりません。 私が新規で作り直すことも不可能ではありませんが、内容が細かいので 不要なリスクを避けたいことと、私が表を作り直しても送られてくる 元の表が変わるわけでは無いので、何とか受け取った表から罫線を削除 できないかと試行錯誤しています。 表はエクセル2003で作ったものではないかと思われます。 私のソフトはエクセル2007で、メール添付で受け取った表を一旦保存して、 開く時は[互換モード]で開きます。 解決策に見当の付く方がいらっしゃいましたら是非お知恵を拝借したく、 どうぞ宜しくお願い致します。 ワード2003でレポートのように横罫線上に文字を書くには レポート形式のように横罫線上に文字を書くには、横罫線上に字を入力すると、校正などして文字を消すたびに行末の文字を手動で調整をその都度調整しています。校正しても自動で文字が繰り上がりもしくは繰り下がり入力できるいい方法はありませんか。 なお、横罫線は○行１列の形式で引いたものをいつも使用しています。もっといいやり方がありますか？ InDesign CS セルの罫線の設定 使い始めたばかりなのでうまくいきません。 任意のセルの縦方向だけに罫線を引きたいので、ダイアログ内の青い四角の縦だけ青くするのですが、全部囲われてしまいます。 ちなみに全部黒くしても罫線で囲われます。 どうすると良いのでしょう？ AIは使う人の年齢や市場にも影響する？人工知能の可能性 OKWAVE コラム Power Pointでの罫線についてです Power Point で罫線を伸ばしたり、位置を変えたりすると、線がガタガタになったりずれたりします。まっすぐな線を引くにはどうしたら良いのでしょうか？ ＨＰに縦の罫線を入れる方法 ＨＰで区切りとしてよく罫線を利用します。 横の場合は、ソースで<HR>と入れると表示されますよね。 表組に入れれば、表の幅に応じて引かれますし、％で長さも調整可能です。 ですが、縦の場合どのように引けばいいのか分かりません(T-T) 参考に、↓このようなイメージというＨＰがありますのでご覧下さい。 http://www.census-shizuoka.jp/traffic.html ページ（文章のボリューム）によって、縦線の長さが違いますよね。 どのように作られているのか、ソースをコピーしてＨＰビルダーで 見てみましたが、縦の線が表示されませんでした…。 こうすれば作れるよ、とおっしゃる方、ご回答の程宜しくお願いします。 画像の縦位置について 最近、テンプレートなどを使ってHPの作成に 取り組み始めた初心者です。 画像の縦の位置を調整したいのですが、 うまく行きません。 「～middle」を使うのかなと思っていろいろと試行錯誤、 例えば、 <p class="middle"> <img scr="～",～～～～,class="middle"> とかやってみましたが、駄目でした。 （皆目、見当違いなのかもしれませんが、…） 特に今まではテンプレートの画像設定で規定の画像が中央にあっても、 アフィリタグを入れると位置が乱れます。 お分かりの方はご教授頂けると幸いです。 どうぞ宜しくお願い致します。 画像の縦位置について 最近、テンプレートなどを使ってHPの作成に 取り組み始めた初心者です。 画像の縦の位置を調整したいのですが、 うまく行きません。 「～middle」を使うのかなと思っていろいろと試行錯誤、 例えば、 <p class=\"middle\"> <img scr=\"～\",～～～～,class=\"middle\"> とかやってみましたが、駄目でした。 （皆目、見当違いなのかもしれませんが、…） 特に今まではテンプレートの画像設定で規定の画像が中央にあっても、 アフィリタグを入れると位置が乱れます。 お分かりの方はご教授頂けると幸いです。 どうぞ宜しくお願い致します。 WORDでページ罫線を「※」にしたい word2002を使用しています。 「文字罫線」とでも言うのでしょうか、任意の文字を罫線のように使用したいのです。 例えば・・・・ ※※※※ ※ ※ ※ ※ ※ ※ ※※※※ という具合です。 その文字罫線の中に、表を入れたいのです。 横向きの字送りポイントと、縦向きの行送りポイントも揃えたいのです。(つまり、縦も横も均等にしたい) こんなこと、できますか? ご指導よろしくお願いします。 ＨＰよりエクセルに貼り付けた表の罫線がおかしい? ＨＰよりエクセルに貼り付けた表の罫線がおかしい? お世話になります。ホームページの表をコピペしてエクセルに貼り付けました。しかし、罫線が操作できません。エクセルで罫線を動かせるようにするには、どのようにしたら良いでしょか？罫線を削除してもかまいません。方法があれば手順を教えて下さい。 超初心者のためのホームページ作成講座（http://park16.wakwak.com/~html-css/hp_koza/lv_1.html）の赤の罫線です。 初心者ですので出来るだけわかりやすくお願いいたします。以上 DIVボックス内でのCSSを使用した縦位置指定方法 CSSにてheight、weightを指定したDIVタグの中にテキストを記述し、縦位置の中央揃えを行いたいのですが、方法がわかりません。 "vertical-align:middle;"などを指定しましたが、適用されませんでした。 スタイルに関することは全てCSSで行いたいので、TABLEタグなどでvalignを指定する方法は取りたくありません。 何かいい方法をご存知の方がいらっしゃいましたら、ご回答をよろしくお願いいたします。 エクセルの罫線作図での質問です。 エクセルの罫線作図での質問です。 エクセルで工程を作成したのですが、横線を作図した後に線を延ばそうとすると ドットの範囲でしか線の端が動きません。 任意の位置に固定することってできないのでしょうか？ エクセルのバージョンは２００７です。 特に他の人が作成してもらった工程表がそうような現象が出ます。 そこに新しい線を作図すると任意に動くのですが、いちいち作図し直すのは大変なので ご存じの方、ご教示願います。 注目のQ&A 「You」や「I」が入った曲といえば？ Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市（長野県）在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他（プログラミング・開発） カテゴリ一覧を見る OKWAVE コラム 突然のトラブル？プリンター・メール・LINE編 携帯料金を賢く見直す！格安SIMと端末選びのポイントは？ 友達って必要？友情って何だろう 大震災時の現実とは？私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ！負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる！ OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
お礼
outbraveさん、有り難う御座いました。 今後とも宜しくお願いします。