タグに問題は無いと思うですが

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: joseph : 2006/07/20(木) 17:01  ID:LDZqdHwf
何故かケータイだと

■管理人の部屋

┣プロフィール
┗管理人ブログ

と間が空いてしまいます


<p style="line-height:120%; margin-top:0; margin-bottom:0;" align="left"><font size="2" color="#FF3030">■管理人の部屋</font><font color="#FF3030">
</font>
<p align="left" style="line-height:120%; margin-top:0; margin-bottom:0;"><TT><FONT class=ltbpre>┣</FONT></TT><a href="*****/"><font size="2">プロフィール</font></a></p>
<PRE style="line-height:100%; margin-top:0; margin-bottom:0;"><TT><FONT class=ltbpre>┗</FONT></TT><a href="http://*****/"><font size="2">管理人ブログ</font></a></PRE><hr style="line-height:120%; margin-top:0; margin-bottom:0;">

何かいけないところはありますか?
改行タグは入ってないんですが・・・

1   名前: かふぇおれ : 2006/07/20(木) 17:01  ID:pEqOBSED
あの、あまり詳しくない私が言うのも何ですが…

<p> は Paragraph(段落)の略ですから、段落間に隙間があるのは当然の解釈なのではないでしょうか。

2   名前: 通りすがり : 2006/07/20(木) 17:01  ID:yGMfbzts
「管理人の部屋」のほうのline-height:120%の数値を減らすとどうですか。

3   名前: カヅサツ ◆ThCi95HEzw : 2006/07/20(木) 17:01  [URL]  ID:f0UXxXRM
p要素は「段落」を表しますが、多くのブラウザは、p要素の前後に 1文字分ほどの間隔を空けて「段落」を表現しようとします。

CSS の margin プロパティ(margin-top, margin-bottom)でこの間隔を調節できるわけですが、閲覧している環境が CSS をオフにしていたり、あるいは対応していないなどの理由で、これを無視することもあり得ます。

>>0 の 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">
ul.menu{
	list-style-type: none;
	font-family: monospace;
}
ul.menu,
ul.menu ul{
	margin: 0px;
	padding: 0px;
}
ul.menu li{
	color: #FF3030;
	font-size: small;
}
ul.menu ul li{
	color: #000000;
	font-size: medium;
	margin-bottom: -1px;
}
ul.menu a:link,
ul.menu a:visited{
	font-size: small;
	vertical-align: middle;
}
</style>
</head>
<body>
<ul class="menu">
	<li>■管理人の部屋
		<ul>
			<li>┣<a href="http://*****/">プロフィール</a></li>
			<li>┗<a href="http://*****/">管理人ブログ</a></li>
		</ul>
	</li>
</body>
</html>


4   名前: 匿名 : 2006/07/20(木) 17:01  ID:7RZwl2r.
ケータイだとCSSを解釈しないとか。

5   名前: かふぇおれ : 2006/07/20(木) 17:01  ID:pEqOBSED
あ、そうか。
一部のFOMA機種(EZweb のサービスを含む)以外はCSSを認識しないのではなかったでしょうか。

6   名前: Z ◆XTzyosZXcL : 2006/07/20(木) 17:01  ID:40gfkXbO
>>4,>>5
 携帯電話コンテンツの場合、様々な制約を伴います。従って、下記資料

携帯電話向けコンテンツの書き方
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/index.html

により

・「それぞれの機種別」に「様々な振り分け方法を出来る限り使い」コンテンツを用意する。
・「どの機種でも問題なく閲覧できる」ページを「一つだけ」用意する。
・「特定機種のみ」対応とし、他は「諦める」。

になろうかと思います。いずれにしろ、いわゆる「フルブラウザ搭載」機種以外では、表現力という点ではパソコン向けページとは全く違ったルールに基づかなければなりません。
 企業ならともかく、個人の場合は下記にもあるように「どの辺りで妥協するか」を予め考えておいた方が、苦労の割りに報われないという事態にはならないのではないでしょうか。
#個人的には、一昔前の国産マイコン戦国時代においてBASIC言語が無理やり辿らされた道(互換性の低下)と同じ状況な気が致しました。

参考)
http://neta.ywcafe.net/000559.html
http://deztec.jp/lecture/cl/mobile.html

7   名前: 匿名 : 2006/07/20(木) 17:01  ID:WCKAtMT/
あっ返信遅れてスミマセンでした・・・
情報提供ありがとうございますm(..)m

一覧へ戻る