|
記事を作成する時に、必ず確認しなければならないのが「全体幅」です。 「全体幅」は、最大で「560px（ピクセル）」になります。 例えば、「全体幅」に画像を全部入れる場合は、このようになります。 ※背景色を、「#cccccc」にしました。 ※画像の高さを、「height:30px;」にしました。 【例文】 ||<#cccccc' style=' padding:0px; width:560px; height:30px;' ``[[img(http://www.geocities.jp/bea_nies/00_main/img_560_30.jpg, , ,画像は、560px×30px(ピクセル) です!)]]||【実際】
もし、画像（内容）の外に空間（padding）を入れたい場合には、このようになります。 ※「画像＝内容」：520px ※「内容の周りの空間」：padding:20px;（上 20px＋右 20px＋下 20px＋左 20px） つまり、空間の幅が上下「20px＋20px＝40px」、空間の高さが右左「20px＋20px＝40px」になります。 ↓↓↓ 「画像の幅（内容）：520px」＋「内容の周りの空間（右＋左）：40px」＝「全体幅：560px」 「画像の高さ（内容）：30px」＋「内容の周りの空間（上＋下）：40px」＝「全体高さ：70px」 になります。 【例文】 ||<#cccccc' style=' padding:20px; width:520px; height:30px;' ``[[img(http://www.geocities.jp/bea_nies/00_main/img_520_30.jpg, , ,画像は、520px×30px(ピクセル) です!)]]||【実際】
その問題で、基本的な「全体幅（560px）」以上に入ってしまうのが、「見出し」や「引用」です。 Yahoo!ブログの記事には、少しだけ「余白」があります。 ※上下左右とも「約 10px」だと思いますが、正確は分かりません、、、 r(^_^; 記事に全部入れると余白がなくなってしまいますので（特に必要なのが「引用３」）、 途中で改行することを心掛けましょう！ (^_-)r 【サンプル：「引用３」の文字列】
１２３４５６７８９�。隠横械苅毅僑沓牽広■隠横械苅毅僑沓牽広�１２３４５６７８９�ぃ隠横械苅毅僑沓牽広ィ隠横械苅毅僑沓牽�
|
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
ぴーにぃさんはなんでこんなに沢山ご存知なんですかーーー(@@) 私もネット上で勉強するには最近限界を感じているんですケド、にぃさんの記事などあるとホント書店の専門書のようデスv(｡･ω･｡)♪ｽﾊﾞﾗｼｲ
2005/10/31(月) 午前 11:09
UOOさん＞ MUMOさんの記事で、分からない事が３つあるんですよ。そして今、やっと１つ作りました！ 次は２つ目の「表の歪み」です。よ〜しぃ、作るぞぉ〜！ ＼(^o^)/
2005/10/31(月) 午後 10:21
びーにぃさん・・・あたしがおバカだから面倒をおかけしてしまうぅぅぅ。ごめんね。。。そしてありがとう！私の火星の画像でもwidth:520pxでいいのでしょうか。はみでた気がしたので500pxとかに落としたのですが^^;も１回やってみます。ﾍﾟｺﾘ
2005/11/1(火) 午後 6:29 [ mum*20*5_5 ]
MUMOさん＞ 分かりましたね！ それに、勉強とか訓練とかじゃなくって「遊び」ですよ〜！ だから、楽しんで行きましょぅね！ (^_-)r
2005/11/1(火) 午後 11:36
うん☆私ね、勉強も遊びの１つなんです。勉強って言葉は語気が強いけれど、面白いものって思っているんです^^気合や気負いが感じられるかもしれないけれど、「やってやる〜〜」と燃えているココロです♡
2005/11/3(木) 午前 9:54 [ mum*20*5_5 ]
あ、それと出来ましたよ♪はみ出し修正ｄ( ゜- ^*)
2005/11/3(木) 午前 9:55 [ mum*20*5_5 ]
やはり、「引用３」が問題だったんですね！ 良かった、良かった〜！ ＼(^o^)/
2005/11/3(木) 午後 1:23