文字をずらすにはどうすれば良いのでしょうか?

[新着] Webテンプレートを仮オープンしました



0   名前: 熱が出そう : 2004/08/15 18:14
はじめまして、

あるサイトからダウンロードしたHTMLタグです。少し変えたいのですが
できませんのでご教授宜しくお願いします。
(改変自由とのことです)

◆ダウンロードした内容(同じようなものがいくつもあります)
<UL>
<LI><b>商品名</b><br>
`商品名
<br><br>

※『`商品名』はとりあえず○○○○○○○○○○と致します。
ダウンロードしたものでは
・商品名
 ○○○○○○○○○○   
と表示されます。
        
◆私の希望は
 【商品名】
   ○○○○○○○○○○ 
 のように、・を【】にしてスペースを空けて上の行と下の行をずらしたい!
 と思いチャレンジしています。

◆私のやった方法は、下記のように変更しました。
<b> 商品名</b><br>
   `商品名
<br><br>

上記のように<UL><LI></UL>などを削除し、スペースを空けたのですが
これでは、『`商品名』に2行以上記入した場合は2行目以降が思った
ようにずれてくれません。
どうなるかと言えば・・・・・ 
 【商品名】
   ○○○○○○○○○○
○○○○○○○○○○ 
という感じになってしまいます。 

初心者なりに勉強したつもりですが分かりません。
質問は、このズレを無くすにはどうすれば良いのか?
スペースなどではなく、何か良いタグがあるのか等を教えて欲しいのですが、
良い案があればご回答宜しくお願いします。

長文ですみませんでした。

1   名前: Schlaf : 2004/08/15 19:48
こういうときは定義型リストタグを使います。

<dl>
<dt>【商品名】</dt>
<dd>
○○○○○○○○○○<br>
○○○○○○○○○○
</dd>
</dl>

http://www.tagindex.com/html_tag/list/dl.html

それと半角カタカナの使用は遠慮してください。
http://apex.wind.co.jp/tetsuro/izonmoji/

2   名前: 熱が出そう : 2004/08/15 21:17
Schlaf様

ご回答ありがとうございました。
同じようにやったところ、自分の思ったレイアウトに
することが出来ました。

また、半角カタカナについては申し訳ありませんでした。
注意していきます。

言葉の意味も分からない状態ですので、自分なりに勉強して
楽しみながらパソコン技能向上を上達したいと思います。

一覧へ戻る