« ギリギリセーフ | トップページ | バタークリームの時代 »

2008/01/27

大発見

Kao1なんて言うと笑われてしまいそうだけれど。
自分にとっては、やっぱり重大なことを発見しました。

それは、このブログのレイアウト。
常々写真の横に文字が周り込んでしまうことに手を焼いていたもんだから。
←(こんな感じで)


画像を大きくすると、その分横に周り込んだ一行の文字数が少なくなって。
(3、4文字くらいじゃかえって読みにくいし)
小さいサイズにしたり、逆に写真を左右ギリギリまで大きくしたりと。
文字が横に入り込まないように苦労していたのです。
(文章が写真の下から始まっている、他の方のブログが羨ましゅうございました)

そもそもインターネットで表示されるページは、「html」(一番上にあるメニューバーの「表示」から「ソース」を選択して開いた画面に表示されるアルファベットや記号群)なるもので構成されている(らしい)。

私も一応HPをしているけれど。
別にこの「html」の知識があるワケじゃないのです。
(はい、HPを作成するソフトにやってもらってます)
だから、どうやってブログの文字を写真の下に持ってくるのか。
やり方がサッパリ分からなくて、困っておりました。


そんなある日。
記事を作成していたら、テキストボックスに画像を挿入した時に表示される「html」の中に、気になる文字を見つけました。
それがこの↓
「style="float: left;」(写真を左に寄せる場合)

「float(フロート)」って言ったら、プールなんかに浮かべて遊ぶやつでしょう?
ということは、文字を浮かせて周り込ませるって意味なんだろうか。
っと、思い至ったのであります。

だったら、これを無くせば文字が沈んでくれるかもしれない。

そこで試しに、この「float: 」の部分を削除してみました。
すると……やっぱり。

Kao2←(こんな感じで)
文字が画像の下の方に沈んでくれました。
それでも、文章は画像の右下から始まるけれど。
でもそれは1行改行すれば済むことだから問題は無いし。

コレで私も、晴れてお仲間入りができるというものでございます。

しかし……それに気がつくまで3年もかかったなんて。
素直に喜んでいいものなのでしょうか。(-_-)


●とはいえ、それは自分のブラウザでの見え方にすぎないし。もしレイアウトが崩れていたり、もっと簡単な方法がありましたら教えていただけると嬉しいです。

|

« ギリギリセーフ | トップページ | バタークリームの時代 »

コメント

ブログ人(OCN)場合は 画像をアップするには
「標準設定」と「カスタム設定」があって
「標準」だと決まった縮小サイズの画像が左寄りに表示、
記事は画像に回り込む。
「カスタム」だと 画像は左右どちらでも選ぶことができ
サイズも記事の位置も左、右、下と変更可能です。
だから他のブログにもそういう機能があると思い
nanbuさんが画像の横に記事を書かれているのは
意識してされてるのだと思ってました
3年かかったとは言え ご自分で見つけられたなんて
多分私なら これっきゃできないのか と諦めていたと思います(^_^;

私のPCから見る限りではレイアウトは崩れていませんよ
記事の内容に合った表示になっています
それにしても2枚の可愛い画像♪ 
言葉無しでもnanbuさんの気持ちが伝わります(^_^)

投稿: miki | 2008/01/27 10:47

 当方の環境で可能な「Mac+サファリ」と「Mac+ファイアフォックス」では問題ございませんです。下についてますよ。
 ……って、よく考えたら僕とnanbuさんの環境ってよく似てるのであまり役には立ちませんね。
(・_・ゞ-☆


 ここから先は、上記 miki さんと同じく僕も「OCNブログ人」でのお話です。でもココログとは兄弟みたいなものと聞いたので一応書いてみますね。違ったら聞き流してください。

 miki さんは「カスタム設定」に触れられたので僕は「リッチ形式」のことを少々。
 管理画面中の新規投稿のところで「リッチ形式」とか「シンプル形式」とか選べませんかね? そこで「シンプル」を選ぶと、ややこしいタグとかか付加されず(まさにシンプル!)に表示されると思います。ちなみにウチはそうやってますよん。

 あと画像のタグ<img src=ほにゃららはにゃらら〜>のあとには改行(または<BR>タグ)を1個足しておくと、文字がきちんと次の行から表示されて見た目がきれいになります。

 長々と講釈をたれてもうしわけないです。

投稿: ろぷ | 2008/01/27 11:08

可愛いイラスト!lovely~(ハートマーク)

同じココログ使用のポージィです。
ちゃんと文字の始まりの位置、変わっていますよ。
ずっと苦労されていたことの解決策が見つかってよかったですね。
おめでとうございます(^^)
私が写真の横に文字を入れたり入れなかったりは、
入れる写真を選んだあと、カスタム設定で
「画像の右(左)に文字を入れる」を選んでいて、
細かいレイアウトは記事をアップしたあとで調整します。
(ご覧になる方個々のブラウザ仕様で変わっちゃうんですけど)
普通に画像を入れて、その横に文字を入れたくないときは
nanbuさんのされているように画像挿入のhtmlの後ろに
カーソルを置いて改行してます。(改行しないで文字を打つと
写真の下端のすぐ横から文字が入ります)
もちろんhtmlの知識など無い私。でもさほど苦労せずにできて
いました。ウィンドウズとマックで、その辺りの使い勝手も
違うのかしら…。

投稿: ポージィ | 2008/01/27 15:57

 
mikiさん、コメントありがとうございます。(^^)

あぁ…良かった。(T-T)
mikiさんのウィンドウズで見ても、レイアウトが崩れてないんですね!
教えてくださって、ありがとうございます。

>これっきゃできないのか

そうなんですよ。最初はどんな機能があるのか色々試したりもしましたけど。
慣れてくると、使う機能って決ってくるでしょう?
だから自分が出来ないと思い込んでただけで、3年の間に機能が増えたのだろうか?
とか、記事を書いた後で気がついて。
せっかく書いたのに無駄になっちゃうかも、と冷や汗ものだったんですが。
「サムネイル/ポップアップ画面/画像を本文の横幅に合わせて表示」以外は、
写真の配置を左右どちらかにするくらいしかありませんでした。

記事の内容に合うような写真が思いつかなくて。
どうせならと顔の画像にしてみたんですけど。
気持が伝わったとしたら嬉しいです♪(^o^)

投稿: nanbu | 2008/01/27 18:42

 
ろぷさん、コメントありがとうございます。(^^)

「サファリ」も「ファイアフォックス」も、「Mac OS X」での環境ですもんね。
私のクラシック環境の「IE」と「ネスケ」でも大丈夫だったので。どうやらMacの方は大丈夫なようですね。
教えてくださって、ありがとうございます。

>管理画面中の新規投稿のところで「リッチ形式」とか「シンプル形式」とか選べませんかね?

そういえば、以前それに関するお知らせが届いたような気がします。
(ただ、クラシック環境では使えないと書いてあったような記憶が…)
今、試してみたんですが。
やっぱり「この編集画面の表示設定を変更する」をクリックして表示された「リッチテキスト」も「プレーンテキスト」も両方とも同じでした。(T_T)

<BR>が改行のタグなんですね。
メンテナンスのたびに、今まで出来ていたことが出来なくなる場合もあったので。
改行が機能しなくなった時、<BR>タグも使ってみますね。(^o^)

投稿: nanbu | 2008/01/27 18:45

 
ポージィさん、コメントありがとうございます。(^^)

ポージィさんのウィンドウズでも、ちゃんと表示されていると伺ってホッとしました。
教えてくださって、ありがとうございます。

そうそう。ポージィさんは同じココログなんですよね。
そういえば、確か以前文字の色がグレーだった時がありましたよね。
(キレイだなぁと、羨ましく思いました)
ブログを始めた当初、ココログの使い方を読んでいたら、最後に「Macの人は使えません」という注意書きがあってガッカリした覚えがあります。
記事作成の本文のウィンドウの上には「太文字」とか「斜体」とか使える機能が表示されるとのことですけど。
私のは今でも「IMG」と「FILE」の二つだけなんですよ。
ブログの管理画面も表示が崩れてて。「ラック」とあるから「トラックバック」のことだろうか?とか想像しながらやってマス。(笑)
ちなみに私は、プロバイダがniftyだと無料で出来るベーシックコースなんですが。
ウィンドウズとマックの違いも大きいと思います。

イラストも、そう感じてもらえたとしたら嬉しいです。♪(^o^)

投稿: nanbu | 2008/01/27 18:48

そういえば以前のにこけんの時、nanbuさんから質問されましたね。
パソコン歴だけは長くなってきましたが、パソコンに関しては全然素人の域から脱しておりませんのでウマく答えられなかったです…
浪花友あれ、画像の下への文字入力に成功してよかったですね~♪
おめでとうございます(*^。^*)

投稿: | 2008/01/28 21:33

すいません、↑のコメントは私です(;^_^A
相変わらずそそっかCです…

投稿: ぽぱい | 2008/01/28 21:34

 
ぽぱいさん、コメントありがとうございます。(^^)

そぉなんです。このことだったんですよぉ。(ToT)
私もウマく説明できなくて。やっぱり口で説明するより、実際に目に見える形の方が分かりやすいですよね。
お祝いの言葉ありがとうございます♪
「にこけん」と「浪速友あれ」で、今回もスグぽぱいさんだと思いましたよ。(^o^)

ココログって、大規模なものだけじゃなくても、小さなメンテナンスがよく行われてるみたいなんですよね。
そのたびにクッキー(ですよね?)が無効になってるんでしょか。スミマセン。
(私もこの程度の知識です)↑
そそっかCのは私も負けま1,000ですよん。(^^;)

投稿: nanbu | 2008/01/29 07:23

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/55071/17852621

この記事へのトラックバック一覧です: 大発見:

« ギリギリセーフ | トップページ | バタークリームの時代 »