Jasmine Goodenplenty

| CALENDAR | RECOMMEND | ENTRY | COMMENT | TRACKBACK | CATEGORY | ARCHIVE | LINK | PROFILE | OTHERS |
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | - | - | posted by スポンサードリンク -
手放せない本 14:26
詳解 HTML&XHTML&CSS辞典またまた滞ってました。その後もテンプレート公開の反響がチラホラあって嬉しい限りです。ぜんぜんフォローとかコメントのお返事とかできてなくてゴメンナサイです。
思うところあってぼちぼち更新再開しようかなぁなどと思いつつの今回の更新です。いくつか新しいテンプレ案もあるのですが、なかなか完成させられず。とほほ。でもなんかやる気でてきたので突然ばたばたと出来上がるかもしれません。そしたら公開しようかしら。なーんてことをやってる時に手放せないのがこの本「
詳解 HTML&XHTML&CSS辞典」。
続きを読む >>
| WebPage | comments(0) | trackbacks(0) | posted by Jasmine -
CSSを知るには 19:32
もともとサイトを持ってた人でも、いきなりCSSレイアウトさらにはCSSでの文字装飾や段落整形などをしなければならないBlogは「きゃー、どうなっちゃってるの、これ!」という人が多いようで。
そういう人の助けになればなーとたまにJUGEMの助け合い掲示板に顔を出したりしてるわけなのだけど、やっぱり文字だけでの説明って難しい。
それで「うーん」と考えてみるとけっきょくHTMLコーディングに行き当たる。
(ここではテーブルレイアウトやフレームページでのレイアウトは無視の方向で)CSSで1ページをレイアウトするとなると、しっかりとした意味づけのされたHTMLが不可欠で、まずきちんとh1、h2、h3・・・、pタグ等々を駆使して、味も素っ気も無いHTMLを書き、その上でdiv等でブロック区切りをし、そこで初めてCSSを割り当てるという作業をするのが妥当なわけで。
かといってHTMLコーディングとCSSの関係等々を書くのも相当大変な作業なので「あー・・・勉強してください」とか思って流してしまう。でもただ単に該当するclassを探してあげて「これを直せばいいんですよー」とか安直に言っちゃっても他との相互関係でけっきょくうまくいかないケースも多々あるので(divの入れ子とかブラウザの仕様とか)、なんだか一概に言ったりしてもよくないなぁ、と思うのです。そのときはなんとなく出来てもその後の応用が利かないし。
ということでCSSわからんですー、でも自分でデザインとかバリバリやりたいー、という人にはHTML(というかxhtml)を一からおさらいすることをお勧めします。もちろん手打ちで。
続きを読む >>
| WebPage | comments(0) | trackbacks(1) | posted by Jasmine -
割とどうでもいいツッコミをつらつらと 14:27
「私のHPは〜」等々と書いてあるのを見ると「ヒューレットパッカードかい」と判っているくせに心の中でつっこんでしまいます。

でも本来は
HP 【ホームページ】
Webサイト、もしくはそのトップページ。サイトのトップではないWebページをホームページと呼ぶこともある。また、Webブラウザを起動したとき最初に表示されるページ。

なわけだけど、こういう言われ方をしてる場合、意味的には「Webサイト」のことを指していることがほとんどなわけで、普通に通称というかまぁ通じます。こんな感じで、注意書きっぽくも書かれているし。
当初は、ブラウザ起動時に最初に表示されるページの意味だったが、転じてWebサイトのトップページのことを意味するようになり、さらに、Webサイト・Webページの同義語として用いられるようになった。

で、んじゃあ英語では通じるんだろか?と思って調べてみた
続きを読む >>
| WebPage | comments(3) | trackbacks(0) | posted by Jasmine -
backgroung指定が消える問題 22:47
今度はこちらの別サイトの話。
エントリの幅が自由自在の変形角丸(上は右のみ角丸、下は左のみ角丸)をやっていたんだけどWinのIE(というかSleipnir)ではそもそもの表示が遅く、さらにはスクロールするたびに下のほうの背景が消える。角丸も背景色も。ちなみにしばらくすると出てくる。

CSSはこんな感じ
中=background-color:#FFF;
上=background:#FFF url(右上角丸画像) no-repeat right top;
下=background:#FFF url(左下角丸画像) no-repeat left bottom; ←こっちの表示がおかしい。

以前も似たようなことがあって、そのときはdivの入れ子のしすぎとかいろいろ問題もあったので背景画像をスッキリと切ろう!ということで(要するにあきらめた)回避。

しかし今回はどうせ幅は決め打ちしてんだから幅が自由自在ってそもそも意味ないじゃん・・・ということに気づき(遅)、改めて幅を決めて画像作って、ついでに画像も微妙に変えて「中」にも背景画像を指定。

中=background:#FFF url(中画像) repeat-y left top;
上=background:#FFF url(上画像) no-repeat left top;
下=background:#FFF url(下画像) no-repeat left bottom;

したところキレイにできましたー。
(・e・)ひよこまーく
| WebPage | comments(0) | trackbacks(0) | posted by Jasmine -
| 1/2 | >>