助けて下さい。困っております。
質問はタイトルの通りなのですが、
HPビルダー10で、ロゴ、写真の中央配置ができません。
ちなみに「標準モード」で作成しており、表を使って配置しています。
「ページ編集」タブで、編集中、画像を右クリックし、属性の変更で画像を中央配置すると、きちんと表の中央に移動するのですが、
「プレビュー」タブで確認すると左に寄ったままなのです。
過去ログを拝見しても、「どこでも配置モード」等ではこのような症状もある様ですが、「標準モード」となると・・・
HP作成初心者です。何が原因なのかさっぱりわかりません。
フレームを使ったトップページを作成中ですが、それが何か関係ありますでしょうか?
是非是非、原因がお分かりになる方、宜しくお願い致します。
No.1
- 回答日時:
段落の属性が「自動」あるいは「左揃え」になっていると思われます。
画像を右クリックでなく、段落で属性変更してください。
この回答への補足
早速のご回答感謝いたします。
段落の属性変更とはどうやるのでしょうか??
書式→段落→段落の属性というのがありますが、文字が消えていて選択できません。どこを選択したらアクティブになりますか?
ちなみに画像は「表」の中なんです。
「表」中以外の画像もあるのですが、それは段落をクリック、書式→段落→段落の属性アクティブになっており、「属性」ウィンドウプルダウンで「段落」がでてきますが、位置揃えの欄が死んでおります。
選択できません(T_T)
No.2
- 回答日時:
HTMLソースの画面にして、目的の画像の指定タグの前後に
<center> </center>
を直接書き込んでみては?
この回答への補足
ありがとうございます。やってみました。
「What's New」というロゴ画像のソースです
よく解らないので大体前後をコピペしてみます。
<TD align="center" width="120" height="151" colspan="4" valign="top"><center>
<IMG src="logo4.gif" width="256" height="38" border="0" alt="What’s New" align="middle"></center><BR>
何か、間違ってますでしょうか・・・これでも中央配置になりません(T_T)
No.3
- 回答日時:
最大の原因は、<td> の枠幅 width="120" よりも、中に入る画像 src="logo4.gif" の幅 width="256" が大きく、tableの枠から「はみ出している」からでしょう。
ご主人様の命に従えないので、ブラウザが適当に表示せざるを得なくなっているのでしょう。
表示のされ方を、ご確認ください。↓
<table border="1">
<tbody>
<tr>
<td align="center" width="120" height="151" colspan="4" valign="top"><center>
<img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="256" height="38" border="0" alt="What’s New" align="middle"></center><br>
</td>
<td align="center" width="320" height="151" colspan="4" valign="top"><center>
<img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="256" height="38" border="0" alt="What’s New" align="middle"></center><br>
</td>
</tr>
<tr>
<td align="center" width="120" height="151" colspan="4" valign="top"><center>
<img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="56" height="38" border="0" alt="What’s New" align="middle"></center><br>
</td>
<td align="center" width="320" height="151" colspan="4" valign="top"><center>
<img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="56" height="38" border="0" alt="What’s New" align="middle"></center><br>
</td>
</tr>
</tbody>
</table>
この回答への補足
ありがとうございます。せっかく回答頂いておいて恐縮なのですが、貼って頂いたソースはどうすれば宜しいのでしょう・・・・
メモ帳に貼り付けて、拡張子をhtmlにして表示させましたが、枠線の中にgooイメージのURL?がズらーと書いてありました。
またHPビルダーにも貼り付けてみましたが、うまく表示されません。
とうしたら宜しいでしょう・・・初心者なものでお許し下さい。
ちなみに、「What’s New」の画像、ソースでwidth="88" になるまで縮小して、プレビューしてみました。
(ものすごく小さくなってしまい使用には耐えませんが)
それでも、プレビューで右に寄っちゃっています。。。
No.4ベストアンサー
- 回答日時:
こんばんは。
当方もビルダーユーザーです。(verは5ですが、操作に違いはないと思います)
まずはこんがらがってしまっているタグをスッキリさせましょう^^
右クリック→「属性の変更」で中央揃えにされてるとの事ですが…
それは画像にalign="middle"を指定しているので、流し込んだ文字列の回り込みの位置を指定するものになります。
こちらの説明はご覧頂いた方が早いと思いますので、下記URLをご参照下さい。
ですのでテーブル内の画像を中央に持ってくるには、単純に<td align="center">で良いと思います。
あと補足欄を拝見して、colspan="4"とありますが、テーブルセルは1つですか?それとも4分割していますか?これは「横方向で結合させるセルの数」を指定している事になります。もし1つで良いなら必要ありませんので消してあげて下さい。(4つだ、という事であれば無視して結構ですが、取り敢えず下のソースで試してみて下さい)
後は#3の方も仰るように、画像よりテーブル幅の方を大きくしてあげて下さい。一応ソースを貼ると、
<CENTER>
<TABLE>
<TR>
<TD width="■任意でサイズを。500位で分かり易いかも■" height="151" align="center"><IMG src="logo4.gif" width="256" height="38" border="0" alt="What’s New"></TD>
</TR>
</TABLE>
</CENTER>
上下の<CENTER>タグは、テーブル自体をページ中央に配置するためです。これは必要なければ消して下さい。
どうでしょうか、これでも中央に配置されない…となると別の原因があると思うので、良ければ補足下さい。
もしこれで出来た場合、ビルダーでの方法ですが…
丁度同じような例がこちらのサイトにありましたので、参考にしてみて下さい。ページの一番最後にある、横シマ模様のようなボタンが通常位置を指定するボタンです。
http://www.gokigen-house.com/hp/hpb/hpb10.htm
分かりにくかったらごめんなさい。分からない所を仰って頂ければ、私で良ければまた伺います^^
参考URL:http://www.tagindex.com/html_tag/img/img_align.h …
この回答への補足
補足欄から失礼致します。
greenseaさん、丁寧なご回答本当にありがとうございます。
本日、ビルダーをいじる暇がありませんでした。
会社で作成しているものですから、実践は月曜日に致します。
もし、まだお付き合い頂ける様でしたら月曜以降に見ていただけると嬉しいです。自宅ではPCありませんので、その間、本でも見て少しでも知識を上げておきます!!
お礼、遅くなりましてすみません。
結局、結論から言いますと直りました。
おっしゃる通り、タグがこんがらがっているのだと思い、
きちんと中央配置されている表+画像をコピーペーストし、
画像部分のみロゴに変えたら、できました。
教えて頂いた通りのやり方ではありませんでしたが、大変申し訳ありません。
趣味では無く、職場で作成しており、色々勉強もスキルも上げてゆきたいのですが、なにぶん、時間が限られておりますので、どうぞご理解下さい。
教えて頂いたサイトも今現在も大変参考になるサイトで毎日除いております。
もう少しスキルがあがれば教えて頂いた意味がわかってくると思います。
ありがとうございました。
また、質問する事もあるかもしれませんが、もしご縁があって見つけて頂けましたのなら、その際は宜しくお願い致します。
No.5
- 回答日時:
#3です。
>貼って頂いたソースはどうすれば宜しいのでしょう・・・・
>メモ帳に貼り付けて、・・・
>それでも、プレビューで右に寄っちゃっています。。。
折角、「HPビルダー10」があるなら、「メモ帳」などダサイのは持ち出さないで、「HPビルダー10」の「HTMLソース」で編集したほうが便利です。↓
http://www.setuyaku-city.net/biruda/begin/qhpb6. …
本題ですが、そこで、新規ページを開いて、<body></body>の間に#3の「HTMLソース」を貼り付けます。それを「プレビュー」すれば、確認できるでしょう。
念のため、ページ全体の「HTMLソース」を、下記に付けておきます。「HTMLソース」全体をメモ帳に貼って、htmlファイル保存してのOKですが。
なお蛇足ながら、「ホームページビルダー」で出来ているページに、前後の「HTMLソース」の関係を理解しないで、途中だけ、部分的に「HTMLソース」を修正すると、「痛い目」にあいます。
失礼ながら、まだそのようなレベルとお見受けしますし、実際そのようになっている可能性があります。
そのような場合は、一旦確認用の「新しいページ」を作って、#4さんの参考URLなどを参考にして、テストし、確認するのが良いと思います。
また、質問の際も出来るだけ、全体のソースを貼ったほうが、的確な答えが得られます。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
</head>
<body>
<table border="1">
<tbody>
<tr>
<td align="center" width="120" height="151" colspan="4" valign="top">
<center><img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="256" height="38" border="0" alt="What’s New" align="middle"></center>
<br>
</td>
<td align="center" width="320" height="151" colspan="4" valign="top">
<center><img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="256" height="38" border="0" alt="What’s New" align="middle"></center>
<br>
</td>
</tr>
<tr>
<td align="center" width="120" height="151" colspan="4" valign="top">
<center><img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="56" height="38" border="0" alt="What’s New" align="middle"></center>
<br>
</td>
<td align="center" width="320" height="151" colspan="4" valign="top">
<center><img src="http://oshiete1.goo.ne.jp/images/goo.gif" width="56" height="38" border="0" alt="What’s New" align="middle"></center>
<br>
</td>
</tr>
</tbody>
</table>
</body>
</html>
参考URL:http://www.setuyaku-city.net/biruda/begin/qhpb6. …
再度の回答ありがとうございました。
結局、出来ました。
ただ、せっかく貼っていただいたソースはもちろんビルダーに<body></body>の間に貼り付けたんですが、ビルダーのメッセージで「エラーが検出された」というメッセージがでてしまい、
表の中に文字がずらっと並んでいるものでした。
ソースは、作成者(会社)が解ってしまうといけないので、全部は乗せられませんでした。そこだけ伏せればいいんですが、素人なので、見落としてコピペしてしまうといけないので・・・
色々お世話になりました。有難うございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Illustrator(イラストレーター) 会社の名刺作成時にロゴを配置する方法 3 2023/06/06 18:06
- その他(Microsoft Office) EXCELでバーコードを作成すると白くなってコードが見えません 1 2022/04/04 14:24
- Illustrator(イラストレーター) イラストレーター(イラレ)で書き出した画像が荒れます… 3 2022/05/19 17:30
- Photoshop(フォトショップ) フォトショップでの加工方法について 5 2022/05/14 22:01
- モニター・ディスプレイ マルチモニタでのカーソルの動き方 1 2022/06/15 14:59
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(Microsoft Office) ピボットテーブルへの集計フィールド挿入 1 2023/02/26 11:33
- フリーソフト libreoffice drawのツールバーのチェックが外れてしまう 1 2022/10/04 22:02
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
商品詳細を横並びに表示する方法
-
tableタグとformタグの組み合わせ
-
テーブルの枠線に色が付かない
-
divで囲んだ文字が消える
-
Tableタグで作成した表の縮小
-
td width="180" と固定してるの...
-
td要素内のdiv要素をセンタリン...
-
<img>タグにCSSのclass設定可能?
-
太字にするやり方
-
Firefoxを使ってるのですがズー...
-
商品一覧をtableタグで表示する
-
table タグで3列の表を作ると...
-
style=displayでの表示/非表示...
-
formのinputなどの幅100%指定
-
<TD div id="new">←こういうの...
-
テーブルの一部分のセルだけに...
-
リンクをクリック出来ない。
-
Tableタグ内のspan styleが適応...
-
ブラウザ上でのタブ・シフトタ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
テーブル内のテーブルの高さを...
-
XHTMLに関する質問 順序が逆に...
-
Tableタグ内のspan styleが適応...
-
Tableタグで作成した表の縮小
-
ブラウザによってテーブルのセ...
-
cssで、テーブルのtdの中の文字...
-
td要素内のdiv要素をセンタリン...
-
vbscriptで時計を作りたい
-
formのinputなどの幅100%指定
-
Firefoxを使ってるのですがズー...
-
テーブルの枠線に色が付かない
-
divで囲んだ文字が消える
-
TDタグ内での均等割付の仕方
-
表とリスト(ulとtable)の違い...
-
firefoxで「height: 100%;」と...
-
<img>タグにCSSのclass設定可能?
おすすめ情報