写真だけをセンターに寄せる

最後に配置した写真だけをセンターに寄せる方法を説明したいと思います。

写真をクリックして指定した状態で、「中央揃え」ボタンをクリックすると本来であれば写真だけがセンターに寄るはずなのですが、時々写真だけでなく、全体がセンターに寄ってしまう場合があります。

その場合は、ＨＴＭＬを直接編集する必要があります。

まずは、失敗例を動画で確認してください。

　↓失敗して全体がセンターに寄ってしまう動画。

「中央揃え」ボタンをクリックすると、全体がセンターに寄ってしまう場合は、直接ＨＴＭＬを編集します。

ホームページビルダーを使えば、基本的にはＨＴＭＬタグを覚える必要はないのですが、こういうちょっとした修正をする時や問題が発生した場合に直接ＨＴＭＬソースを編集することができるので、将来的にはＨＴＭＬを見て意味が分かり、簡単な編集くらいはできるようになってください。

センターに寄せたい写真をクリックして指定すると、下のＨＴＭＬソース編集領域のソースが黄色くなる部分があります。

これが、写真を表示させるためのＨＴＭＬソースなのです。

<img src="images/osusume1.jpeg" width="100" height="95" border="0">

このソースの部分を、

<center></center>

というＨＴＭＬソースで挟み込みます。

すると挟んだ部分だけをセンターに寄せることができます。

↓このように記述します。

<center><img src="images/osusume1.jpeg" width="100" height="95" border="0"></center>

もう一つの写真も同じように記述してください。

　↓ＨＴＭＬを直接編集して写真だけをセンターに寄せる解説。

これで、写真だけをセンターに寄せることができました。

サイト内を検索することができます。

↓ホームページビルダーの使い方の基本をおさえたい方におすすめの本です。

↓できるシリーズのスタイルシート版です。スタイルシートの基本を押さえておきたいおすすめの本。

↓ホームページビルダーで満足できなくなったら、プロが使うソフトであるドリームウィーバーに乗り換えましょう。

↓おすすめのエックスサーバー！月額１，０５０円で１GB+マルチドメイン

↓とりあえずという方のためにおすすめのレンタルサーバーが月額２６３円からのロリポップ！