ここから本文です

html初心者です。わかりやすく教えていただけると助かります。 背景が黒のホーム...

mar********さん

2019/6/2823:28:01

html初心者です。わかりやすく教えていただけると助かります。
背景が黒のホームページを作成しています。

見出しと見出しをつなぐ縦2本のライン(両端の線2本)の画像があり、
その画像の上(2本線の間)に文字を挿入したいのですが
画像のラインが左寄りになってしまいます。
(右の縦線と文字がかぶってしまう、また黒い背景の左右の余白が違う)

両端の余白の幅を統一したいので、線の画像を右にずらしたいのですが
どうしたらいいか教えてください。

以下現在の状況です。 訂正をお願いいたします。

----------------------------------------
<table border="0" cellspacing="0" cellpadding="0" width="700"><tr><td align="center"><a name="sin" ><img src="見出しURL" alt="見出しタイトル"></a></td></tr><tr><td background=2本線の画像URL.gif align=center><Font Size="8" Color="yellow">
画像の上にくる文章

閲覧数:
29
回答数:
2
お礼:
250枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

y_h********さん

2019/6/2904:27:22

table要素で見た目の整形をするのはあまり好ましくありません。
見た目の指定はスタイルシートでした方がいいです。
(td要素のalign属性などは廃止された属性です)

font要素は廃止された要素です。

◆スタイルシート
body {
background: #000;
}
div {
color: #fff;
width: 400px;/*見やすくするために小さくしています*/
text-align: center;
}
h1 {
font-size: 20px;
}
p {
background: url(2本線の画像URL.gif) repeat-y center;
background-size: contain;
color: yellow;
font-size: 8px;
}

◆html
<body>
<div>
<h1>見出し</h1>
<p>
画像の上にくる文章<br>
画像の上にくる文章<br>
画像の上にくる文章<br>
画像の上にくる文章<br>
画像の上にくる文章
</p>
</div>
<div>
<h1>見出し</h1>
<p>
画像の上にくる文章<br>
画像の上にくる文章<br>
画像の上にくる文章<br>
画像の上にくる文章<br>
画像の上にくる文章
</p>
</div>
</body>

table要素で見た目の整形をするのはあまり好ましくありません。...

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

質問した人からのコメント

2019/7/2 07:36:51

お二人共ありがとうございました!
助かりました。
style形式が使えない特殊なサイトでした…
600にして対応しました。

貴重なお時間本当にありがとうございます。

ベストアンサー以外の回答

1〜1件/1件中

プロフィール画像

カテゴリマスター

ama********さん

2019/6/2919:06:47

その線の画像をアップしてみて下さい。

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる