• ベストアンサー

HP作成のレイアウトで、ルーズリーフの様な罫線ページ

こんにちは。いつもお世話になってます。HPビルダー10 使用で作成中です。 とあるページに、背景は白、そこに表を埋め込みその背景を和紙 の様な壁紙にして、和紙背景の(テーブル)中に写真と文章をレイアウトしたいです。 その、文章なのですが、ルーズリーフの様な破線の罫線をずらずらとある中に文章を打ち込みたいのです。 ワードやエクセルならすこぶる簡単な作業なのですが、HPとなると そうも行かないようです。 テンプレートとかも(無料の)探したのですが、希望のが見つけられませんでした。 それから和紙背景の表もそのまま背景を和紙にすると四角になってしまいますが、角丸にしたいのです。 何か良いやり方はありませんでしょうか。 ウェブアートデザイナーを使うのでしょうか? どうぞ知恵をお貸し下さいませ。

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

  • ベストアンサー
  • sc_staff
  • ベストアンサー率31% (26/83)
回答No.1

Webサイトの作成ソフトでできるようなことではないですね・・・ CSSやHTMLの勉強をするorCSSのテンプレートを探す必要があると思います。 カテゴリーとして少しここでは答え出にくいかもしれません。 ちなみにCSSで罫線などは慣れている人には簡単なことで、他にも丸いのがーとかいろいろあるようであればテンプレートを探すよりはCSSの勉強してみるのもいいと思います http://www.parkcity.ne.jp/~chaichan/src/cssmain.htm http://www6.plala.or.jp/go_west/nextcss/

ok-kaisei
質問者

お礼

早速の回答ありがとうございます! HTMLに関しても、CSSに関しても、個人的に大変興味深く、マスターしたい分野だと感じているのですが、いかんせん、仕事で作っているものですから、勉強よりHPの完成が先なのです(T_T) ワード等ではこんなに簡単な事がHPでは難しいだなんて・・・ とりあえずCSSのテンプレ、根気強く探してみます・・・ 有難うございました! URL大変参考になります。

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

その他の回答 (4)

回答No.5

角の丸いタグだったらここにあります (参考URL参照)

参考URL:
http://www.heo.jp/tag/kowaza/omoshiro/10.html
ok-kaisei
質問者

お礼

【回答くださった皆様】 ほんとうーに苦労しましたが、なんとかテーブルと画像を使った 角丸画像の作成をする事が出来ました。本当に大変でしたが、結果、おかげさまで習得できました。すごーく充実感があります!! 質問の破線入り・・・までにはまだ至っておりませんが、 HTMLも知らない素人が作成するのは早計だった事もわかり、 とりあえず、色つき角丸画像を作るのがこんなにも手順をふまなければ 出来ないという事にもびっくりしました。 HTMLを基礎から、いずれCSSも独学ですが学びたいと思っており、 きっかけを与えてくださった事を深く感謝申し上げます。 どの皆さんのご回答もありがたかったので、 申し訳ございませんが、ポイントは先着順とさせて頂きます。 また、ご縁あって質問を見かけた際はどうぞ宜しくお願い申し上げます。

ok-kaisei
質問者

補足

ありがとうございます。 これを#4さまの下線のタグとあわせて作るんですね・・・ ちょっと高度ですが、がんばってやってみます。 しかし、単色しかできないんでしょうか・・・背景写真にしたいんですけど。 詳しく紹介されているサイト意外とないですね。 4ッのかど丸の作り方まで(背景単色ですし)でてるサイトってなかなか。。。 DLできるサイトはあるみたいですが、その色しか使えないし。 ご存知だったら教えてください・

全文を見る
すると、全ての回答が全文表示されます。
  • golz
  • ベストアンサー率33% (3/9)
回答No.4

<style type="text/css"> DIV.test { BORDER-COLOR: #cccccc; BORDER-BOTTOM: 1px solid; WIDTH: 700px; HEIGHT: 10px; } </style> <div class=test> テストテスト </div> <div class=test> テストテスト </div> これで下線は引けますが、Firefoxだとずれて表示されてしまう...

参考URL:
http://www.htmq.com/style/border-bottom.shtml
ok-kaisei
質問者

お礼

ありがとうございます。 張っていただいた、ソース確かに下線引けました。 これを組み合わせて使うしかないんですね。。。 ちょっと、私には高度かもしれません。

全文を見る
すると、全ての回答が全文表示されます。
noname#22222
noname#22222
回答No.3

No2さんの回答をそっくりそのままフレームで実現するも可能と!

ok-kaisei
質問者

補足

アドバイスありがとうございます。 そっくりそのままフレームで実現とはどういった事でしょうか??! フレーム・・・は解ってるつもりなのですが・・・ 現在作成中のページににフレーム機能をつけてますので。。。

全文を見る
すると、全ての回答が全文表示されます。
  • crepon133
  • ベストアンサー率51% (399/776)
回答No.2

ホームページビルダーを学ぼう 角の丸いテーブル(2pxの表)を作る http://hpb.web-creation.info/f1_aweb_c.html

ok-kaisei
質問者

補足

ありがとうございます!! URL先の通りに、ウェブアートデザイナーで角丸で中が和紙背景の 角丸を作り、中に破線を引いて、テキストも入れちゃって、オブジェクトとして、表の中に挿入すれば良いのでしょうか・・・? できれば、もう少し詳しく教えて頂けたら幸いでございます。

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

関連するQ&A

  • 表の罫線。

    HPビルダーで表の罫線の幅を1ピクセルにして、 余白を2ピクセル、枠の表示を0ピクセルにして 罫線を黒にするにはやっぱり表の背景を黒にしますよね? それからセルの背景を白にすると黒い罫線の表が出来るんですが、 それだと背景が表のセルの中に透けて見えないんです。 そのセルの背景にページの背景を透かして(?)見せたいんです。 黒い罫線はそのまま残したいのですが・・・。 背景の固定をするスタイルシートは出来ています。 どうしたらよいですか?

  • Word 罫線 一部

    Wordについて。 ページの一部に、罫線付きの表を挿入したいです。 ・ページレイアウト>原稿用紙設定では、全体に罫線がついてしまいます。 ・ヘッダー/ヘッダーで挿入>図形で、罫線を作ることができますが、 手作業のため、精度が欠けます。また、文章の行数に応じた表の高さになりません。 ※行数に応じた表の高さ固定でも良いですが。 何か方法が、ありますでしょうか? よろしくお願いします。 Word2010位上

  • レイアウト枠の余白が・・・

    今ホームページビルダーを使ってHPを作っているんですが どこでも配置モードにウェブアートデザイナーで作った図形を ビルダーに転送したのですがレイアウト枠に余計な余白があって 他の図形のレイアウト枠にかぶってしまってリンクを貼り付けても 思っているとこにリンクできません レイアウト枠の余計な余白の消し方を教えてください

  • Dreamweaverで表組みのような罫線をひくには?

    Dreamweaver MX2004 (MacOS X)でHPを制作しているのですが、レイアウトセルに沿って罫線がうまくひけません。 このサイトでも普通に罫線が使われていますが、どうやればきれいに作れますか。 レイアウトテーブルにDivタグの背景イメージとして罫線を貼り付けましたが、Safariだと文字と罫線がくずれます。(Internet Explorerは大丈夫でした) また、タグのボーダーを使っても、セルに隣接する部分の線がきれいつながらないのです。 良い方法がありましたら、アドバイス願います。

    • ベストアンサー
    • HTML
  • エクセル2007のマクロ機能について

    とあるサイトから、損益計算書のテンプレートをダウンロードしました。 それには、マクロボタンが5つくらい付いており、印刷ボタンを押すと 下書きレイアウト時の破線で囲まれた部分のみが印刷されます。 破線の囲み線は、書式設定の罫線ではなく、印刷範囲の破線ですが、 あの波線はどのようにして作るのでしょうか?

  • ホームページビルダー6.5でのウェブアートで作成した画像

    ホームページビルダー6.5のウェブアートデザイナーで作成した画像を背景画像にしたいのですが、大きさをもっと多きく変更するにはどうしたらいいのでしょうか。ウェブアートの四角の枠の中最大に画像はあります。それをさらに大きくして画像を背景としていれたいのです。 それかPCの画面いっぱいにその画像1つを見れるようにしたいのですが。

  • HPに縦の罫線を入れる方法

    HPで区切りとしてよく罫線を利用します。 横の場合は、ソースで<HR>と入れると表示されますよね。 表組に入れれば、表の幅に応じて引かれますし、%で長さも調整可能です。 ですが、縦の場合どのように引けばいいのか分かりません(T-T) 参考に、↓このようなイメージというHPがありますのでご覧下さい。 http://www.census-shizuoka.jp/traffic.html ページ(文章のボリューム)によって、縦線の長さが違いますよね。 どのように作られているのか、ソースをコピーしてHPビルダーで 見てみましたが、縦の線が表示されませんでした…。 こうすれば作れるよ、とおっしゃる方、ご回答の程宜しくお願いします。

    • ベストアンサー
    • HTML
  • ワードの基本図形の角丸四角のなかに 表を入れたい場合どうすればいいです

    ワードの基本図形の角丸四角のなかに 表を入れたい場合どうすればいいですか? また図形の中に罫線で一本ずつ書こうとしてもうまくかけません。ご存知の方よろしくお願いします。

  • 表の。。。

    HPビルダー2001を使っているのですが、 表の背景をスタイルシートで固定して表もスタイルのレイアウトで 1ピクセルの罫線を指定しています。 そこで質問なのですが、その指定してある表の背景に うっすら灰な名感じの背景を付けるにはどうしてら良いのですか? 固定してある背景を表の背景に透かして見えるようにしたいんですけど。

  • 罫線の多い書類

    罫線多いセル結合が多い書類について日々疑問に感じている事です 1.罫線が多い書類に目眩がしてしまいます。心理的圧迫感を感じます。感じない為にはどうすれば良いでしょうか? 2.理由としては文字や表がずれる。修正に手間取る事だと思います。 3.実際には入力項目は少ないが、入力箇所がまちまちなので入力しずらい  エクセルの場合セル結合が多いと入力フォームが使えない  差込印刷機能を良く使いますが表形式だとどうしても入力項目が増えてしまう  VBAで入力フォームを作る知識は有りません。作れる人はどの位の時間で作れるのでしょうか 4.罫線書類のマナーですが、ワード、エクセルでもセル内の文章が長くなった場合、どう対処するのが良いのでしょうか  -1.セル内に折り返して表示  -2.文字を小さくして表示  -3.下のセルに続きを書く   多分-3が多いとは思いますが、修正する際に手間が掛ると思います 5.多分こういった書類が多いのは手書き時代の書式をそのままレイアウトしてるからだとは思いますが、パソコンで作るというなら罫線の必要性ってあまり僕は感じません。罫線が無くとも縦横綺麗にレイアウト出来るからです。以前書類をすっきり見せる為、両端の罫線を省略したら、出来そこないと思われました。 -1.見た目の為に絶対必要と感じる人の意見 -2.罫線の多い書類に対して改善をした事例、効果 -3.罫線書式を作る際入力のしやすさ等を意識しているか。疑問を感じないか。  等聞かせて欲しいです いろいろ書いてしまいましたが回答出来る部分でかまいませんので宜しく願います   

このQ&Aのポイント
  • EW-052Aプリンタが突然機能しなくなりました。印刷情報の入力ができず、診断ツールのインストールも途中で停止してしまいました。CDからの再インストールも同様に途中で停止してしまいました。この状況でプリンターアプリを再インストールする方法を教えてください。
  • EW-052Aプリンタが使用できなくなりました。印刷情報の入力ができず、診断ツールのインストールやCDからの再インストールも途中で停止してしまいます。プリンターアプリを再インストールする方法を教えてください。
  • EW-052Aプリンタが突然使えなくなりました。印刷情報の入力ができず、診断ツールのインストールもCDからの再インストールも途中で停止してしまします。プリンターアプリを再インストールする方法を教えてください。
回答を見る

専門家に質問してみよう