- PR -

ASP.NETにてLabelオブジェクトをSPANにしない方法

«前のページへ 1|2|3 次のページへ»
投稿者投稿内容
まゆりん
ぬし
会議室デビュー日: 2002/08/12
投稿数: 539
お住まい・勤務地: よこはま
投稿日時: 2004-06-18 10:52
引用:

華月さんの書き込み (2004-06-18 10:13) より:
Label1.Attributes.CssStyle.Add("text-align","center")
のほうですが、わたしのほうでは表示が確認できませんでした。
ブラウザーの違いでしょうか？
NNでは、うまくいくそうなのでそちらをお使いですか？

あれれ？上手くいきませんでしたか
えーと、私はIE6で確認しました。
ちなみにNAL-6295さんの方法でもセンタリングされているのを確認しています。
_________________
まゆりん @ わんくま同盟
Blog る。
華月
常連さん
会議室デビュー日: 2004/05/19
投稿数: 41
お住まい・勤務地: みちのく
投稿日時: 2004-06-18 11:10
>あれれ？上手くいきませんでしたか
>えーと、私はIE6で確認しました。
>ちなみにNAL-6295さんの方法でもセンタリングされているのを確認しています。

むむ･･･
何が違うんだろう。
Label1.Attributes.CssStyle.Add("text-align","center")
これで生成されたHTMLみると
<span id="Label2" class="text-align:center">Label</span&gt;
で、でてしまうのですが、そちらはどうでしょうか？

SPAN.LABELの方のソースは、
<ASP:Label CssClass="Label">Label</ASP:Label>
といったものですが。

(一生懸命<>を&lt;&gt;でかいてたら隣にHTML:ffって書いてあった･･･＞＜ｂ)
華月
常連さん
会議室デビュー日: 2004/05/19
投稿数: 41
お住まい・勤務地: みちのく
投稿日時: 2004-06-18 11:10
>あれれ？上手くいきませんでしたか
>えーと、私はIE6で確認しました。
>ちなみにNAL-6295さんの方法でもセンタリングされているのを確認しています。

むむ･･･
何が違うんだろう。
Label1.Attributes.CssStyle.Add("text-align","center")
これで生成されたHTMLみると
<span id="Label2" class="text-align:center">Label</span>
で、でてしまうのですが、そちらはどうでしょうか？

SPAN.LABELの方のソースは、
<ASP:Label CssClass="Label">Label</ASP:Label>
といったものですが。

(一生懸命<>を&lt;&gt;でかいてたら隣にHTML:ffって書いてあった･･･＞＜ｂ)
NAL-6295
ぬし
会議室デビュー日: 2003/01/26
投稿数: 966
お住まい・勤務地: 東京
投稿日時: 2004-06-18 11:10
NAL-6295です。

ちなみに、件名のように、SPANにしない方法としては、ラベルコントロールを利用しないで、HTMLビューで
コード:
			<div id="TEST" style="POSITION: absolute" runat="server">ほげほげ</div>


とすれば、とりあえず、ラベル相当のサーバーコントロールとして使えます。
Jitta
ぬし
会議室デビュー日: 2002/07/05
投稿数: 6267
お住まい・勤務地: 兵庫県・海手
投稿日時: 2004-06-18 11:26
１行目にある、DOCTYPEは、どうなってます？＞みなさん

確か、これがある／ない、内容によって、どのように動くか、違っていたと思います。


ちなみに、私のコードは書いていないので、「互換モード」で動きます。



あと、つまらんツッコミですが、positionをabsoluteにして、位置を指定しないと、左上に表示されます。。。
まゆりん
ぬし
会議室デビュー日: 2002/08/12
投稿数: 539
お住まい・勤務地: よこはま
投稿日時: 2004-06-18 11:33
引用:

NAL-6295さんの書き込み (2004-06-18 11:10) より:
ちなみに、件名のように、SPANにしない方法としては、ラベルコントロールを利用しないで、HTMLビューで
コード:

			<div id="TEST" style="POSITION: absolute" runat="server">ほげほげ</div>


とすれば、とりあえず、ラベル相当のサーバーコントロールとして使えます。

ツールボックスのHTMLタブにあるLabelだったらdivで表示されますね。
プロパティでalign指定も出来ますし。

サーバコントロールとして機能させたければ、右クリックメニューで
[サーバコントロールとして実行]を選択すればOKです。

_________________
まゆりん＠脱・雑用係

[ メッセージ編集済み 編集者: まゆりん 編集日時 2004-06-18 11:35 ]
華月
常連さん
会議室デビュー日: 2004/05/19
投稿数: 41
お住まい・勤務地: みちのく
投稿日時: 2004-06-18 11:46
まず、重複書き込みすいません。
間違ってるとこ見つけて直して送信押しなおしたら、もう行ってたみたいで･･･

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
ですね。
W3C標準仕様かな？
勉強がてらちょっと調べてみよう。
W3Cの仕様書は、読めん･･･

>ツールボックスのHTMLタブにあるLabelだったらdivで表示されますね。
あ、ほんとだ。
なんで分けてるんかな･･･
He
大ベテラン
会議室デビュー日: 2002/12/18
投稿数: 141
投稿日時: 2004-06-20 00:48
何に対してセンタリングしたいのでしょうか？
text-alignでは、指定されたブロック内のインラインボックスの行揃えを指定します。
SPAN要素の幅は、表示している内容と同じになるので、センタリングしたところで意味がありません。
。。。と、わかりづらいですね。

# 以下、等幅で表示したいので、codeで括ります。
コード:
罫線が、SPANのボックスだと思ってください。
+--------------------------+
 ┌───┐
 │あいう│
 └───┘
+--------------------------+
↑の状態で、罫線内の内容に対して、センタリングの指定をしても表示は変わりません。
　（内容の行揃え指定で、ボックスの形が変わることはありませんから。）
　（あくまで、ボックス内でセンタリングをします。　　　　　　　　　）

+--------------------------+
 ┏━━━━━━━━━━━┓
 ┃┌───┐　　　　　　┃
 ┃│あいう│　　　　　　┃
 ┃└───┘　　　　　　┃
 ┗━━━━━━━━━━━┛
+--------------------------+
↑の状態で、細い罫線内の内容に対して、センタリングの指定をしても表示は変わりません。
　（最初に示した例と同じことです。）
↑の状態で、太い罫線内の内容に対して、センタリングの指定をすれば、
↓こうなります。
+--------------------------+
 ┏━━━━━━━━━━━┓
 ┃　　　┌───┐　　　┃
 ┃　　　│あいう│　　　┃
 ┃　　　└───┘　　　┃
 ┗━━━━━━━━━━━┛
+--------------------------+


# わかりづらいですね。説明下手ですみません。

JittaさんのHTMLの例は、まさに上の例そのままの結果です。
«前のページへ 1|2|3 次のページへ»

スキルアップ／キャリアアップ（JOB@IT）