区切り線

ホームへ | このサイトについて | サイトマップ | 問い合わせ | 管理人プロフィール

区切り線

ホームページビルダー使い方トップへ>写真だけをセンターに寄せる

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

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

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

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

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

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

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

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

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

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

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

このソースの部分を、

<center></center>

というHTMLソースで挟み込みます。

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

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

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

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

動画マーク ↓HTMLを直接編集して写真だけをセンターに寄せる解説。

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

戻る   進む

Search

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

Web製作おすすめ本

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

できるホームページ・ビルダー12 Windows Vista/XP対応

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

できるホームページスタイルシート入門―Windows対応 (できるシリーズ)

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

Dreamweaver CS3 Windows版

↓おすすめのエックスサーバー!月額1,050円で1GB+マルチドメイン

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

ホームページビルダー使い方トップへ>写真だけをセンターに寄せる