リンク間のテキスト

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

0   名前： ヒロ ： 2007/05/13（日） 03:28  ID:hsvIWPe. sub-Ds
下記の[あいうえお]というリンクに[abcde]というテキストを入れて、[あいうえお]のみが選択されるようにしたのですが、どのようにすればよいのでしょうか？
宜しくお願いします。

<a href=リンク先>あいうえお</a>
<a href=リンク先>あいうabcdeえお</a>
1   名前： 匿名 ： 2007/05/13（日） 03:28  ID:63/rbfjN sub-Ds
どのような目的でそのようなことがしたいのですか？
2   名前： ヒロ ： 2007/05/13（日） 03:28  ID:hsvIWPe. sub-Ds
下記のような感じでリンクを載せているのですが、リンクの文字数が多いものが出てきまして、2のように罫線文字が入れられず困っている状況です。
希望はその下のように表示したいのですが…

・現状
├1リンク
├2リンクリンク
リンク
├3リンク
└4リンク

・希望
├1リンク
├2リンクリンク
│リンク
├3リンク
└4リンク
3   名前： ヒロ ： 2007/05/13（日） 03:28  ID:hsvIWPe. sub-Ds
色々検索したのですが、見つかりませんでした…
出来ないということなのでしょうか？
詳しい方ご回答宜しくお願いします。
4   名前： 匿名 ： 2007/05/13（日） 03:28  ID:k1TfvPHn sub-Ds
>0と>2の意味がわからないので、これ以上聞いてもおなじと思いました。
現在のソースを出され、どうなる。
どうしたいを第三者に伝わるように書いてもらえますか？

伝える能力のない方には、質問時に、テンプレートを使用をオススメします。
上手な質問の仕方は、「はじめにお読みください」に書いてあります。
意味不明の質問には答えがない。あやふやな質問にはあやふやな答え、的を得た質問には的を得た答えが返ってくるものです。がんばってください。

いろいろ検索したなら、検索した言葉を入れる欄があったと思いますが？いろいろ検索したは私たちには検索しなかったと取れます。「○○　△△」で検索したと質問時に書いてください。
5   名前： ヒロ ： 2007/05/13（日） 03:28  ID:hsvIWPe. sub-Ds
言葉が足りなかったようですので、もう一度説明します。
まず初めに携帯端末で見る場合の質問になります。
携帯で見た場合、一行が10文字まで表示できるとしたら、
[あいうえおかきくけこ]まで一行で表示されます。
これをリンクテキストとして使いたいので、

<a href=○○>あいうえおかきくけこ</a>

とします。



携帯で見やすくするために、リンクテキストの横に罫線文字を入れたいので。

├<a href=○○>あいうえおかきくけこ</a>

とします。



今まではリンクテキストが5文字程度で済んでいたので、

├<a href=○○>さしすせそ</a><br>
├<a href=○○>たちつてと</a><br>
├<a href=○○>なにぬねの</a><br>

となります。



携帯でみると

├さしすせそ　　　　│
├たちつてと　　　　│←ここまでが表示限度
├なにぬねの　　　　│


このように表示されます。



ここに10文字のリンクテキストを加えたいのですが、罫線文字を含めると11文字になるため、

├あいうえおかきくけ│
こ　　　　　　　　　│
├さしすせそ　　　　│
├たちつてと　　　　│←ここまでが表示限度
├なにぬねの　　　　│


になってしまいます。




[け]と[こ]の間にリンクテキストではない[│]を入れて、

├あいうえおかきくけ│
│こ　　　　　　　　│
├さしすせそ　　　　│
├たちつてと　　　　│←ここまでが表示限度
├なにぬねの　　　　│


と表示させたのですが、どのようにすればよいのでしょうか？という質問のなります。


分かりにくいとは思いますが宜しくお願いします。
6   名前： ヒロ ： 2007/05/13（日） 03:28  ID:hsvIWPe. sub-Ds
追記ですが、[あいうえおかきくけこ]は切り離さず、同一リンクとして表示させたいものになります。
7   名前： カヅサツ ◆ThCi95HEzw ： 2007/05/13（日） 03:28  ［URL］  ID:O5hEMlpW sub-r2
まったくオススメできませんが、HTMLだけでやるならこうするくらいしかなさそうです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
	<tr>
		<td valign="top">├<br>│</td>
		<td valign="top" width="70"><a href="">あいうえおかきくけこ</a></td>
	</tr>
	<tr>
		<td valign="top">├</td>
		<td valign="top"><a href="">さしすせそ</a></td>
	</tr>
	<tr>
		<td valign="top">├</td>
		<td valign="top"><a href="">たちつてと</a></td>
	</tr>
	<tr>
		<td valign="top">├</td>
		<td valign="top"><a href="">なにぬねの</a></td>
	</tr>
</table>
</body>
</html>

私なら、このように文書構造を壊してまでやりたいとまでは思いませんが、一応。
8   名前： アム ： 2007/05/13（日） 03:28  ID:npwzHZ2Q sub-Cl
>>7のカヅサツ様の提案に補足を。
モバイル用で御利用されるようですが、携帯の場合テーブルを使用すると表示できなかったり崩れたりする機種が存在することを念頭に置いて使用して下さい。

補足つけるだけでは何なので代替案を考えてみたのですが、テーブルやCSSを使わずにとなると、画像を使用するくらいしか思いつきませんでした。
「│」を画像にしてボーダーを0にしてしまえば、とりあえずの見栄えは整うかなと…。
├<a href="">あいうえおかきくけ<br />
<img src="(│の画像URL)" alt="│" height="○" width="○" border="0" />こ</a><br />
├<a href="">さしすせそ</a><br />
├<a href="">たちつてと</a><br />
  ・
  ・
  ・

文字サイズによってはでこぼこになる上に、アクティブになった時やクリックした時の見栄えは悪いです。
＃欠陥ばかりですね…私にはこれが精一杯でした（汗

携帯の表示領域に合わせて折り返しさせるということで、蛇足ですが一言。
携帯の表示可能文字数は機種や設定によってマチマチです。
結構折り返しを短めにしていないと、人によっては

├あいうえおかき
くけ
│こ
├さしすせそ
├たちつてと

なんて見え方になる場合もあるということを承知の上で作ると良いかと思います。
既に承知の上でしたら失礼しました。
9   名前： ヒロ ： 2007/05/13（日） 03:28  ID:hsvIWPe. sub-Ds
ご回答ありがとうございます。

携帯だと機種やキャリアによって表示がまちまちで重くもなるので、テーブルや画像を使うのは厳しいです…(独りよがりにならないようテキストだけで作っているサイトなので…)

離した位置で連結できるタグなどあるのかなと質問させて頂いたのですが、考えが少々安易だったようです。
そもそも無理があった質問なのに、わざわざ一考して頂き有り難うございました。
大変参考になりました。
一覧へ戻る