Webデザイナーのたまごの覚書

スポンサーサイト

上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

FC2ホームページスペースがいつまでたっても準備中のままな件

新しくサイトを作ろうと、一行テキスト広告が下部に挿入されるだけで１GBもの容量がもらえるらしいFC2無料ホームページスペースを使ってみている。

が。サーバへの接続までは成功するものの、なぜかトップページが「ただいま準備中です。」のまま。

FFFTPでのアップロードも、ファイルマネージャでのアップロードも全て試した。
DreamWeaverでのアップロードも試みたが、ことごとく失敗。
どうやってもindex.htmlが書き換えられない。

ファイル名は何度も確認したし、間違っていない。

更新ボタンを押しても書き換えられない。

脳みそが爆発しそうになったところで、数十分置いて再びブラウザの更新ボタンを押下。

表示されたっ！！！

これはサーバが重かっただけなのだろうか？
これが頻発するようなら、いくら容量が大きくとも、使用は考えてしまいそう。

【CSS】hタグを改行させない

小さな画像横にh2タグを使いたい。
しかしhタグのお約束・必ず改行が入ってしまう。
どうにかできないかと思い、CSSで

h2#bh2{
font-size:small;
font-weight:normal;
vertical-align:bottom;
display:inline;
}

と、追加してみた。
しかし、FireFoxではちゃんと画像横にh2タグで囲まれた見出しが出るのに、
IE6では改行されてしまう。
なぜだ！？と思って検索しまくっていたところ、下記の記事を見つけた。

Pタグの恐怖

ぶっちゃけでしまうと、IEのPタグ内では、hタグはどう捻っても改行されるらしい・・
仕方ないのでPタグを外すと、無事、画像の横に改行されずに文字列が表示された。

テーマ:ホームページ・ブログ制作 - ジャンル:コンピュータ

【CSS】IE6のheight値が小さいボックスが何だか大きい

まだまだブラウザはIE6が主流です。
ボックスを利用して、角丸を表現しようと思ったら、高さ8pxの小さいボックスが
IE6で見ると何かでかい！！

CSS
#jikken{
font-size:0;
width:200px;
height:8px;
}

HTML
<div id="jikken"></div>

---------
赤文字を追加することで無事、height値の小さなボックスを作ることができました。
IE6ではフォントサイズ以下のheight値を持つボックスを作れないんですね…。

テーマ:ホームページ - ジャンル:コンピュータ

【Illustrator CS】背景素材の隙間をなくしたい

IllustratorCSを使って、リピート背景を作る時に、どうしても下に白い線が入ってしまう。
別にPhotoshopで作ってもいいのだけど、
もうIllustratorで作っちゃったんだから、作り直すのもめんどくさい。

解決法を探したところ、どうやら

「画面」→「グリッドにスナップ」にチェックを入れるだけでいいらしい。

チェックを入れた後、グリッドにあわせると、見事に隙間のない背景素材を完成させることができた。
px単位で十分なので、

「編集」→「環境設定」→「ガイド・グリッド」で、
グリッドの設定は100pxの100分割にしておいた。

原因は、小数点以下の座標を再現しようと、わざわざアンチエイリアスをかけてしまうからだそうだ。
何て健気な子なんだIllustrator。ますます惚れたぜ。