mas > ブログの記事作成に関して。 @ 2010/7/14 12:42
ブログ記事作成時のことについて二つ教えてください。 1）本文に画像を挿入する際、画像ファイルのプロパティを開き画像を選び、サイズを元サイズに指定、行揃え左を選んでOKすると、管理画面上での表示は画像の右側に文章が表示されるのですが、実際の公開ページでは文章が画像の下に表示されてしまいます。いろいろ試したのですが・・・。いい方法あれば教えてください。 2）本文に表をhtmlソースで挿入する場合・・・表に色をつけたいので、ソースで表を作成し、余白を（cellpadding="10"）で指定しました。管理画面上の本文プレビューにはちゃんと余白が反映されていますが、実際の公開ページでは表内の余白がまったく反映されていません。管理画面の記事欄での表作成機能では、余白は設定できますが色付けはソースをいじらないとできませんよね？もし簡単に表の色付けと余白設定できる方法あれば教えて下さい。宜しくお願いします。

mas > ブログの記事作成に関して。 @ 2010/7/14 12:42

ブログ記事作成時のことについて二つ教えてください。

1）本文に画像を挿入する際、画像ファイルのプロパティを開き画像を選び、サイズを元サイズに指定、行揃え左を選んでOKすると、
管理画面上での表示は画像の右側に文章が表示されるのですが、実際の公開ページでは文章が画像の下に表示されてしまいます。
いろいろ試したのですが・・・。

いい方法あれば教えてください。

2）本文に表をhtmlソースで挿入する場合・・・
表に色をつけたいので、ソースで表を作成し、余白を（cellpadding="10"）で指定しました。
管理画面上の本文プレビューにはちゃんと余白が反映されていますが、実際の公開ページでは表内の余白がまったく反映されていません。

管理画面の記事欄での表作成機能では、余白は設定できますが色付けはソースをいじらないとできませんよね？
もし簡単に表の色付けと余白設定できる方法あれば教えて下さい。

宜しくお願いします。

ryuring > Re: ブログの記事作成に関して。 @ 2010/7/14 19:39
こんにちは。引用： 1）本文に画像を挿入する際、画像ファイルのプロパティを開き画像を選び、サイズを元サイズに指定、行揃え左を選んでOKすると、管理画面上での表示は画像の右側に文章が表示されるのですが、実際の公開ページでは文章が画像の下に表示されてしまいます。いろいろ試したのですが・・・。おそらくCSSの問題だと思います。デモのテーマをそのままお使いですか？実際に表示される画像タグのソースをここに貼り付けてみてください。また、利用されているブラウザについても教えてください。引用： 2）本文に表をhtmlソースで挿入する場合・・・表に色をつけたいので、ソースで表を作成し、余白を（cellpadding="10"）で指定しました。管理画面上の本文プレビューにはちゃんと余白が反映されていますが、実際の公開ページでは表内の余白がまったく反映されていません。こちらもCSSの問題だと思います。デモのテーマをお使いの場合、CSSでテーブルの余白が定義されていたと思います。 CSSで定義されている場合、HTMLより優先されてしまいます。この場合、CSSを調整する事で対応できると思います。ちなみに、デモテーマのCSSの場所は、 /app/webroot/themed/demo/css/ フォルダの中となります。 Twitter:@ryuring baserCMS総合サービスサイトビーコミ

ryuring > Re: ブログの記事作成に関して。 @ 2010/7/14 19:39

こんにちは。

引用：

1）本文に画像を挿入する際、画像ファイルのプロパティを開き画像を選び、サイズを元サイズに指定、行揃え左を選んでOKすると、
管理画面上での表示は画像の右側に文章が表示されるのですが、実際の公開ページでは文章が画像の下に表示されてしまいます。
いろいろ試したのですが・・・。

おそらくCSSの問題だと思います。デモのテーマをそのままお使いですか？
実際に表示される画像タグのソースをここに貼り付けてみてください。
また、利用されているブラウザについても教えてください。
引用：

2）本文に表をhtmlソースで挿入する場合・・・
表に色をつけたいので、ソースで表を作成し、余白を（cellpadding="10"）で指定しました。
管理画面上の本文プレビューにはちゃんと余白が反映されていますが、実際の公開ページでは表内の余白がまったく反映されていません。

こちらもCSSの問題だと思います。
デモのテーマをお使いの場合、CSSでテーブルの余白が定義されていたと思います。
CSSで定義されている場合、HTMLより優先されてしまいます。
この場合、CSSを調整する事で対応できると思います。
ちなみに、デモテーマのCSSの場所は、
/app/webroot/themed/demo/css/ フォルダの中となります。

Twitter:@ryuring
baserCMS総合サービスサイトビーコミ

mas > Re: ブログの記事作成に関して。 @ 2010/7/15 12:06
いつもお早い回答ありがとうございます。まず画像の件ですが、ソースはこちらになります。 <p> <img align="left" alt="oshibou03.jpg" height="245" hspace="0" src="/files/uploads/oshibou03.jpg" style="margin: 0px" width="250" /></p> <p> test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　 test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　 test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　</p> ブラウザはIE8（8.0.6001.18702）です。 cssはデモのままカスタマイズしていません。表の件は、cssカスタマイズで対応できました。ありがとうございました。

mas > Re: ブログの記事作成に関して。 @ 2010/7/15 12:06

いつもお早い回答ありがとうございます。

まず画像の件ですが、ソースはこちらになります。

<p>
	<img align="left" alt="oshibou03.jpg" height="245" hspace="0" src="/files/uploads/oshibou03.jpg" style="margin: 0px" width="250" /></p>
<p>
	test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　
test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　
test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　</p>

ブラウザはIE8（8.0.6001.18702）です。
cssはデモのままカスタマイズしていません。

表の件は、cssカスタマイズで対応できました。
ありがとうございました。

ryuring > Re: ブログの記事作成に関して。 @ 2010/7/15 18:49
こんにちは。ソースを見たところ、HTMLの問題のようです。画像タグが、pタグで囲まれてしまっているのが原因です。エディタの「ソース」をクリックして、imgタグを囲んでいる、pタグを削除してください。それでも自動的にpタグが挿入されてしまう場合は、文章を取り囲んでいるpタグの中に画像タグを配置してください。（例） `<p> <img src="dummy" align="left" /> 本文がはいります。本文がはいります。本文がはいります。 </p>` よろしくお願いします～ Twitter:@ryuring baserCMS総合サービスサイトビーコミ

ryuring > Re: ブログの記事作成に関して。 @ 2010/7/15 18:49

こんにちは。

ソースを見たところ、HTMLの問題のようです。画像タグが、pタグで囲まれてしまっているのが原因です。
エディタの「ソース」をクリックして、imgタグを囲んでいる、pタグを削除してください。

それでも自動的にpタグが挿入されてしまう場合は、文章を取り囲んでいるpタグの中に画像タグを配置してください。

（例）

<p>
<img src="dummy" align="left" />
本文がはいります。本文がはいります。本文がはいります。
</p>

よろしくお願いします～

Twitter:@ryuring
baserCMS総合サービスサイトビーコミ

mas > Re: ブログの記事作成に関して。 @ 2010/7/16 10:23
何度もすみません。 pタグでかこんだのですが、添付画像のような表示になってしまいます。ソースはこちらです。 <p> <img align="left" alt="salir_img03.jpg" height="289" hspace="0" src="/files/uploads/salir_img03.jpg" style="margin: 0px" width="188" />test　test　test　test　test　test　test 　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test 　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test 　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test 　test　test　test　test　test　test　test　test　test　</p> ryuring様の例であげていただいたソースでも試しましたが同じでした。ちなみにSafariではちゃんと表示されています。

mas > Re: ブログの記事作成に関して。 @ 2010/7/16 10:23

何度もすみません。
pタグでかこんだのですが、添付画像のような表示になってしまいます。
ソースはこちらです。

<p>
	<img align="left" alt="salir_img03.jpg" height="289" hspace="0" src="/files/uploads/salir_img03.jpg" 
style="margin: 0px" width="188" />test　test　test　test　test　test　test
　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test
　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test
　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test　test
　test　test　test　test　test　test　test　test　test　</p>

ryuring様の例であげていただいたソースでも試しましたが同じでした。

ちなみにSafariではちゃんと表示されています。

ryuring > Re: ブログの記事作成に関して。 @ 2010/7/16 18:39
こんにちは。 IEのバグのようですね。デモのテーマをそのままカスタマイズされている場合、 app/webroot/themed/demo/css/default.css の 84行目あたりの、次の設定を削除してください。 `vertical-align:bottom;` よろしくお願いします。 Twitter:@ryuring baserCMS総合サービスサイトビーコミ

mas > Re: ブログの記事作成に関して。 @ 2010/7/19 16:42
ryuring様ご指示どうりにしたところ解消されました。いつも助けていただいてありがとうございます♪

スレッド表示 | 新しいものから

前のトピック | 次のトピック | トップ

ブログの記事作成に関して。

キーワード検索