よろしくお願いします。
リンクタグを作る時に
<a href="http://○○.com/" target="_blank" title="123456 あいうえお">123456 あいうえお</a>
となると思いますが</a>の手前の123456 あいうえおを
(少しスペース)123456
(上よりもう少しスペース)あいうえお
このようなタグにしたい場合、
どうすればいいでしょうか?
タグや、空白を開けただけでは
フォントによって表示が崩れてしまいます。
思いどうりに表示できるタグがありましたら
教えてほしいです。
また、思いどうりに行かなくてもある程度は
表示の崩れないタグなどありましたら教えて下さい。
よろしくお願いします。
No.3
- 回答日時:
こんにちは!
>フォントによって表示が崩れてしまいます。
フォントが大きくなってもスペースの幅を変えないようにしたいということでいいのでしょうか?
<head>
<style type="text/css">
<!--
.left10 {
padding-left: 10px;
}
.left20 {
padding-left: 20px;
}
-->
</style>
</head>
<body>
<a href="http://○○.com/" target="_blank" title="123456 あいうえお"><span class="left10">12345</span><br>
<span class="left20">あいうえお</span></a>
</body>
こういうことでいいのかな・・
10px、20pxの数値をお好みで変えてください。
アドバイスありがとうございます。
やはりclass指定でやる方法が無難なのでしょうか。
色々試してみます。
ありがとうございました。
No.1
- 回答日時:
ROMARIAさんがどのように表示したいのか、具体的イメージがわかりません。
<a href="http://○○.com/" target="_blank" title="123456 あいうえお">■123456<br>■■あいうえお</a>
(■はスペースと見てください)
このようにすれば以下のようには表示されますけど。
■123456
■■あいうえお
こういう事とは違うのでしょうか?
この回答への補足
hiruminさん、ありがとうございます。
ええっと、hiruminさんが書いてくれた
■123456
■■あいうえお
このような感じにしたいです。
質問にも書いたように■の部分をスペース
にしても見る側によって表示が崩れてしまいます。
表示が崩れてしまうのは仕方が無いのは
分かっているのですが比較的このタグを使えば
崩れが少ないというタグを知っている方がいたら
教えてほしいと思い投稿しました。
スペース(余白を)を入れれて改行のできるタグは
他にはご存知無いでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(IT・Webサービス) リンクできない HTMLで<a>タグでリンクを作ったのですがブラウザに表示されません、アドレス、入力 1 2022/07/26 19:43
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- PHP PHPの変わった閉じタグの必要性と意味を教えてください。 1 2022/08/28 15:15
- SEO noindexタグを試作ページの段階で使うとき 1 2023/02/15 08:42
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- その他(学校・勉強) この中で間違ってある説明はありますか?詳しい方に教えていただきたいです。 A. 1つのプログラムが複 2 2023/07/14 01:15
- シューズ・ブーツ 以前見かけたレインブーツを探しています。 ・写真のように上部後方に革のタグがついている ・写真の物よ 3 2022/06/11 01:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストマークの位置がずれてい...
-
省略できるHTMLについて
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
Google Keepで数字に勝手に下線...
-
パワーポイント:テキストボッ...
-
Word で下線の色の変え方
-
Wordでレイアウトを変えないで...
-
アンダースコア(下線)のあるメ...
-
htmlで、文字に線を囲むには何...
-
AppleのNumbersというアプリで...
-
フランス語の質問です。 J'aime...
-
PivotTableのデータソースを一...
-
ライブドアブログがタグ付けで...
-
Latexにおける下線のひき方のコト
-
高校英語 語法 わかりません!
-
【excelの下線(会計)とは】
-
秀丸・カーソル行に下線を引き...
-
Excelヘッダーの書式
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLコード内に、コード各部の...
-
HTMLで、2行目以降をほぼ1字下...
-
ユーザーフォームの表示を追加...
-
リストマークの位置がずれてい...
-
アクセス2000(ADO)のレコード更...
-
面白いタグ
-
ホームページの文字点灯
-
gaiax系ページでの背景の固定
-
bodyとtdのフォントサイズの依...
-
アメブロでの行揃えの記述方法
-
HTMLでぶら下げインデントは出...
-
歌詞のコピーライトについて
-
複数タグ指定してHTMLを取得したい
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
パワーポイント:テキストボッ...
-
URLが青くならない
-
Google Keepで数字に勝手に下線...
-
エクセル:セル内の文字列の下...
-
AppleのNumbersというアプリで...
おすすめ情報