2010-12-24 61 views
1

更新ウェブブラウザで画像を中央に配置するにはどうすればいいですか?

ウェブページに画像を中央に配置したい場合は、水平方向と垂直方向の両方にを配置します。私は次のJQueryを使ってみましたが、何が間違っているのか分かりません。

Webページはここにある: http://aaa.sr

これは私が使用しているjQueryのです: andreaslagerkvist.com/jquery/center/

を私はここのjsファイルを入れている: aaa.srを/jquery.center.js

私はこのウェブサイトが私の質問に1つだけのリンクを投稿できるように私はここに新しいです。どんな助けもありがとうございます。ありがとう!

答えて

0

これほど簡単なことが、このトリックを行うでしょう。私はあなたの現在の問題を解決するだけでなく、段落タグを廃止することを提案し(必要ではありません)、画像タグにaltの説明を追加することを提案するために、私の回答を残しました。

このCSS:

#container {text-align: center;} 

そしてこのHTML:

<div id="container"> 
<img src="http://aaa.sr/aaasr.png" alt="Fil donya lazim tikabbar, Fil net mafeesh gheir aaa.sr"> 
</div> 

あなたはこの単純なウェブサイトのために必要なすべてであるべき。

1

JQueryを使用して画像を中央に配置する理由divtext-align:centerを入れたり、ブロックとして表示したり、左右の余白をautoに割り当てるなど、画像を中央に配置する方法があります。これは単なる古いCSSです。

+0

ありがとうございました。私はそれを水平と垂直の両方に集中させたい。私が提案したJQueryはこれをしたでしょう。それはCSSでもまだ可能ですか? – WilxCairo

1

CSSを使用する方が簡単です。

p > img { margin: 0 auto } 
1

主要な問題:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://aaa.sr/jquery.center.js"></script> 
<script type="text/javascript"> 
$('#my-element').plugIn(); 
</script> 

    </body> 

スペースのすべてが実際に解析エラーが発生した空間を、非破壊されています。 HTML validatorはこれを検出します!

+0

直接関係はありませんが、UTF-8としてWebページを保存し、ISO-8859-1として機能することもトラブルのレシピです。 – BalusC

関連する問題