ベストアンサー

【HTML5、CSS2.1】imgのalign

2011/11/29 13:45

HTML5、CSS2.1でホームページを作成しています。 http://www.tagindex.com/html_tag/img/img_align.html このサイトを参考に画像の右中央に文字を配置したいのですが HTML5ではalign属性が認められていません。どのように対処すればよいのか教えていただけましたら幸いです。

timespace
お礼率8% (74/903)

HTML
回答数4
ありがとう数0

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/12/05 12:40 回答No.4

＞いろいろあるとは思いますが作る側はだいぶ配慮が求められるようになりましたね。＞あきらめようと思います。　そうではなくて、HTML4.01の時代から「HTMLからプレゼンテーションに関わるものは非推奨で、将来廃止される」となっていました。　きちんと文書構造にしたがってマークアップされていれば、デザインはHTMLのプレゼンテーション機能の制約を越えて自由に設定できます。「画像の右中央に文字を配置したい」のでしたら、それは、ある文章を背景画像の右中央に配置したい」と考えます。 <p id="message">ようこそ、我が家へ</p> でしたら、スタイルシートは #message{ width:200px;margin:0 auto; background:url(画像URL) no-repeat 50% 50% gray; height:150px; line-height:150px; text-align:right; } で良いはずです。

その他の回答 (3)

opacity1
ベストアンサー率0% (0/1)

2011/12/02 16:46 回答No.3

TAG index さんのサイトにあるコードを見るに、こういうことでしょうか？ <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>test</title> <style> #cen img { vertical-align:middle; } </style> <body> <p id="cen"> <img src="rainbow.jpg" alt="写真" width="193" height="130"> 右側の中央にテキストを表示します。 </p> </body> </html>

質問者

補足 2011/12/04 22:31

やってみたのですが画像の右「下側」になってしましました・・・。何か他に影響しているかもしれません・・・

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/11/29 16:08 回答No.2

そんなサイトを見たらダメです。きちんと仕様書を読みましょう。HTML4.01の仕様書には【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから IMG要素とOBJECT要素の、視覚的配置及びプレゼンテーションに関する属性は、推奨しないこととなった。スタイルシートを奨める。￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［13.7 画像、オブジェクト、アプレットの視覚的プレゼンテーション( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#visual )］よりと明記してあります。　そのサイトは、HTMLK4.01strictではなく、transitinalについて書かれています。【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 HTML 4仕様が定める各DTDの詳細についてはバージョン情報の項を参照のこと。￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Conformance: requirements and recommendations (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )］よりと、HTML4.01が勧告になった1999年以降、strictは非推奨で、【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから推奨しない　　推奨しない要素・属性とは、新しい枠組みができたことによって、陳腐化したものを　指す。推奨しない要素は、リファレンスマニュアルの各所で定義し、推奨しないことを　明記する。推奨しない要素は、HTMLの将来のバージョンでは廃止になる可能性がある。￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Conformance: requirements and recommendations (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )］よりと予告どおり、HTML5では、すべてと言ってよいくらい廃止されています。　今学ぶなら、HTML4.01strictをしっかり身につけなさい。そしたら、 ★HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/ ) 　を読むくらいで卒業です。　画像を画面の右中央に表示する方法は、CSS3にもありません。当然ですが・・・　そのような場合は、画像ごとに位置を指定するか、背景画像で指定するかになります。

質問者