DreamWeaver4、photoshopElements4、illustrator8を使ってHP作成中なのですが、タイトルの通り破線で四角い枠(装飾として)を作り、その中にDreamWeaverで文字を入れ、なおかつ横線を入れて上下を分けたいと思っています。イラストレーターで破線四角を作っても中に文字を入れることができず、今度はイラストレータで、縦の破線と横の破線を作りDreamWeaver上で四角にしてみたのですが四角がきれいになりません。(角が合わなかったりして)一番良い方法を教えて下さい。説明がわかりにくくてすみません;
No.2ベストアンサー
- 回答日時:
ご参考
<style type="text/css">
<!--
#demo {
margin:0px;
padding:0px;
}
#demo table {
width:400px;
border-collapse: collapse;
}
#demo tr {
height:auto;
}
#demo td {
border:dashed 1px #000000;
margin:0px;
padding:10px;
}
#demo hr {
height:1px;
border:1px solid #ff0000;
margin:0px;
padding:0px;
}
-->
</style>
</head>
<div id="demo">
<table>
<tr>
<td>文字 文字 文字 文字 文字 文字 文字 文字 文字 文字 文字 文字
<hr>
文字 文字 文字 文字 文字 文字</td>
</tr>
</table>
</div>
shibuchaさま、ご回答ありがとうございました。
イメージ通りに出来ました!!
ただ、横線以下の文字にどうしてもcssが反映されないので、
再度ご回答いただければありがたいのです。
色はとりあえずタグで調整しましたが、大きさを変える方法がわかりません。どうぞ宜しくお願いします。
No.1
- 回答日時:
完成図がイマイチ想像出来ないんですが、
装飾用の「四角い枠」は、テーブルの罫線を装飾してみてはいかがでしょうか。
で、予めその四角い枠(テーブル)の中に入れる横線付きの文字を画像として作っておく。
(これはフォトショで作れますよね)
あっ、単に文字に横線を入れるだけなら<s>タグで代用出来ませんか?
↓破線の枠のテーブル
<table bordercolor="好きな色" style="border-style:dashed">
<tr>
<td>横線付き文字の画像URL、もしくは<s>文字</s></td>
</tr>
</table>
torayoshiさま、ご回答ありがとうございました。
デザインのアイデアが浮かぶたびに躓いてますので
またどうぞ宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- iPhone(アイフォーン) iPhoneの機能 文字入力の時入力欄を長押しすると、コピー ペースト とか出てきますが、そこに出て 2 2023/08/14 22:53
- Illustrator(イラストレーター) イラストレーターで、一本の線を斜めにして、上下を四角で囲った時に四角の線と重なるようにカットする方法 1 2022/11/05 20:24
- 画像編集・動画編集・音楽編集 iphoneでcanvaを利用してるのですが、添付写真の白い点線の四角部分の縦幅を狭めることはできま 1 2022/11/18 12:49
- その他(ソフトウェア) 簡単な絵が描けるソフト(wordに挿入) 3 2022/05/20 22:16
- 数学 数学の問題を教えて下さい。 画像が問題です。 〈解説〉 平行四辺形は常に2本の縦線と2本の横線によっ 3 2023/05/01 19:21
- Access(アクセス) 【アクセス】レポート テキスト枠線が消えた 1 2022/07/02 17:40
- PowerPoint(パワーポイント) パワーポイント、四角い枠の中に文字を入れたい 2 2023/08/15 10:43
- Word(ワード) Word 段落罫線の上下のスペースを広げるには 3 2023/08/04 10:52
- 数学 角度当てクイズVol.225の解き方おしえてください 1 2023/06/23 17:45
- Visual Basic(VBA) 特定の文字を簡単な操作で半角スペースに変換するか削除したい 2 2022/11/01 10:35
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1MBでドレくらいの文章を書くこ...
-
A4のレポート用紙1枚で2000文字...
-
英文の字下げ、について
-
Notionが、テーブルビューを一...
-
スペイン語で「i」や「o」の上...
-
作ったマクロを複数のシートで...
-
4個の文字a,b,b,cから3個の文字...
-
RIGHTの関数で、指定した文字数...
-
ラテン文字(aなどの上に点が二...
-
イラストレーターで、円に沿っ...
-
ドキュワークス文書にて、フリ...
-
テキスト型は何故255文字ま...
-
添削文字の色の変更(一太郎)
-
Word 文字が勝手に消えていく
-
アドビ イラストレーター 文...
-
Lotsu Notes7 同一文章内リン...
-
htmlで伝言板を作りたいです
-
WPS OFFICEでの縦書きについて
-
フォトショップの文字ツールで...
-
フォトショップ6.0で文字が途中...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1MBでドレくらいの文章を書くこ...
-
作ったマクロを複数のシートで...
-
Notionが、テーブルビューを一...
-
WPS OFFICEでの縦書きについて
-
4個の文字a,b,b,cから3個の文字...
-
スペイン語で「i」や「o」の上...
-
パワーポイント、四角い枠の中...
-
photoshop(CS6)の文字入力問題
-
フォトショップで、スキャナ取...
-
VB6 String型変数の文字数制限
-
テキスト型は何故255文字ま...
-
ラテン文字(aなどの上に点が二...
-
英文の字下げ、について
-
ペイントでのテキスト修正
-
マル秘マークを入れたい
-
イラストレーターで、円に沿っ...
-
イラストレーターで、文字ツー...
-
TeraPadで環境依存文字を入力す...
-
Inkscapeで文字を変形するには
-
ペイントでテキストを入れると...
おすすめ情報