新規記事の投稿を行うことで、非表示にすることが可能です。
2015年04月21日
備忘録「tableのtdの中に
(改行)を入れると背景色が要素の部分しか反映されない件」
わからない人には、まったくわからない表題かもしれませんね(汗)。
今、仕事で、PHPで吐き出されたPC用ページHTMLを、
外部ファイル(js,css)をセットして、スマートフォン用に最適化することをやっちょります。
こちら側で操作できるのが、外部ファイルの部分なのですが
今日、ハマってしまったのが、改行タグ(br)が入っているtdに対して
cssで背景色を適用すると、
色の反映される箇所が、なぜかテキストや改行タグが入っている部分だけになってしまい
tdの横幅全部には色が反映されない。
この症状が出てしまったページをPCで見ると(IE8)tdの横幅に対して
背景色はセルの横幅いっぱい(100%)に適用されている。(ちなみにmarginやpaddingはゼロです)
どうやら、背景色の適用のずれ?はスマートフォン(iPhone、Android)での際に起こるらしい。
改行タグが悪いのかと思って、
jQueryで(br)を(p)に変更してみたら、結果は同じこと。。
いろいろ調べた結果、trにdisplay:blockを
cssに適用するだけで済みました。。
…これだけでよかったのか。。
今、仕事で、PHPで吐き出されたPC用ページHTMLを、
外部ファイル(js,css)をセットして、スマートフォン用に最適化することをやっちょります。
こちら側で操作できるのが、外部ファイルの部分なのですが
今日、ハマってしまったのが、改行タグ(br)が入っているtdに対して
cssで背景色を適用すると、
色の反映される箇所が、なぜかテキストや改行タグが入っている部分だけになってしまい
tdの横幅全部には色が反映されない。
この症状が出てしまったページをPCで見ると(IE8)tdの横幅に対して
背景色はセルの横幅いっぱい(100%)に適用されている。(ちなみにmarginやpaddingはゼロです)
どうやら、背景色の適用のずれ?はスマートフォン(iPhone、Android)での際に起こるらしい。
改行タグが悪いのかと思って、
jQueryで(br)を(p)に変更してみたら、結果は同じこと。。
いろいろ調べた結果、trにdisplay:blockを
cssに適用するだけで済みました。。
…これだけでよかったのか。。
【このカテゴリーの最新記事】
-
no image
-
no image
-
no image
2015年04月19日
「課題20(落書き風)」
「Photoshop & Illustrator チラシ・DMデザインプロ技コレクション」
久しぶりのブログです。
Illustratorでスタイライズの落書きを適用した課題をこなしました。
これは前にとった、インゲンの写真です。↓
これを、今日の課題に合わせて加工すると↓
こんな感じ。こんなもん作って何になるんでしょうか。
最近、いろいろバタバタで、まったく、課題が出来ませんでした。。
今回の課題の発見は、拡張機能で、写真が完全にパス化された状態で、
同じ色のパスを複数選択するとき、
一個一個選択しなくても、選択したい色のパスを選択した状態で
「選択」「共通」「カラー(塗り)」を選択すると、
同色のパスが、一度に選択されるのを、今回はじめて知りました。
色を複雑に扱う写真加工の場合
必要な機能なんですね。Photoshopで写真加工ばかりやるもんで
まったくなじみがなかったです。
久しぶりのブログです。
Illustratorでスタイライズの落書きを適用した課題をこなしました。
これは前にとった、インゲンの写真です。↓
これを、今日の課題に合わせて加工すると↓
こんな感じ。こんなもん作って何になるんでしょうか。
最近、いろいろバタバタで、まったく、課題が出来ませんでした。。
今回の課題の発見は、拡張機能で、写真が完全にパス化された状態で、
同じ色のパスを複数選択するとき、
一個一個選択しなくても、選択したい色のパスを選択した状態で
「選択」「共通」「カラー(塗り)」を選択すると、
同色のパスが、一度に選択されるのを、今回はじめて知りました。
色を複雑に扱う写真加工の場合
必要な機能なんですね。Photoshopで写真加工ばかりやるもんで
まったくなじみがなかったです。
【中古】 Photoshop & Illustrator チラシ・DMデザインプロ技コレクション /オブスキュアインク【著】 【中古】afb 価格:748円 |
Photoshop & Illustrator チラシ・DMデザインプロ技コレクション (X‐media Graphic Library) 中古価格 |
2015年04月13日
最近のハンガーはこちら!
クローゼットの中がパンパンになってきましたので、
ハンガーをスリムなタイプのこちら↓に、少しずつに変更しています。(いずれは全部こちらに揃えたい)
今年も10本セットを買おうかな。
ハンガーをスリムなタイプのこちら↓に、少しずつに変更しています。(いずれは全部こちらに揃えたい)
今年も10本セットを買おうかな。
マワハンガー(MAWAハンガー)【3210-6】レディースハンガー[ホワイト]10本セット すべらない、マワ(MAWA)社のハンガー すべらないハンガー【正規品】【10P11Apr15】 価格:1,728円 |
お世話になってる英単語カードアプリ
2015年04月10日
スマホアプリに出てくるディスプレイいっぱいに出てくるあのうざいバナーを作ったよ。
仕事でバナーを作りました。
アプリを使ってるとき、あの画面いっぱい出てくる
うざいやつです(笑)
よくありがちなPC用のアフィリエイトバナーだと、文字をいっぱい入れてもOKですが
スマホ用のでかバナーは、文字よりグラフィック重視のようです。
それにクオリティもかなりうるさい!!
掲載するアプリの会社にもよるんでしょうけどね。
ここ最近のメインは、jQueryやPHPのお仕事が多かったので、
ひさびさにがっつり絵を描く仕事をしました。
素材の提供なんてないんだから、力づくでやるしかありません。
本来は別々の分野です。
しかし仕事ではグラフィックもプログラミングも
どちらも要求されます。
そうなると仕事以外の時間も
練習したり、慣らしておくしかありません。
このブログでIllustratorやPhotoshopの課題をこなして掲載していますが
急に降ってくるグラフィックの仕事をするたびに、
課題をやってよかったかな〜と思います。
アプリを使ってるとき、あの画面いっぱい出てくる
うざいやつです(笑)
よくありがちなPC用のアフィリエイトバナーだと、文字をいっぱい入れてもOKですが
スマホ用のでかバナーは、文字よりグラフィック重視のようです。
それにクオリティもかなりうるさい!!
掲載するアプリの会社にもよるんでしょうけどね。
ここ最近のメインは、jQueryやPHPのお仕事が多かったので、
ひさびさにがっつり絵を描く仕事をしました。
素材の提供なんてないんだから、力づくでやるしかありません。
本来は別々の分野です。
しかし仕事ではグラフィックもプログラミングも
どちらも要求されます。
そうなると仕事以外の時間も
練習したり、慣らしておくしかありません。
このブログでIllustratorやPhotoshopの課題をこなして掲載していますが
急に降ってくるグラフィックの仕事をするたびに、
課題をやってよかったかな〜と思います。
2015年04月06日
「課題19(ライブトレース)」
2015年04月05日
今日の昼カレー(揚げ茄子とピーマンつき)
「課題18(セールなどでよくあるロゴね)」
「Photoshop & Illustrator チラシ・DMデザインプロ技コレクション」
またまた、こんなどぎついのを作ってしまった。これも課題ですからね。
自分の好みはこの際、置いておいて練習のためです。
それにしても、この背景の朝日のようなオブジェクトは、
そもそもPhotoshopのデフォルトオブジェクトに入っているので
自前で作ることがありませんでした。仕事は時短が命なので、あるものは使うという
考え方でやってましたが、やろうとすると、一気に作ることが出来ず、
回転ツールの使い方を忘れてつまずいたり…(オブジェクトを回転させるには、回転ツールで
オブジェクトの起点となる部分をクリックした後、MACですので、オプションキーを叩いて
回転の数値表示を出して、角度を入力し、その後は、コマンドキー+Dで、同じ角度でコピーしていく)
この本はそのちょっとした部分を書いてないので、課題をする度に手が止まるというか
ネットでわからない探す作業を強いられます。
IllustratorやPhotoshopをこれから勉強する!なんて人には向いてないよな。。
自分が鍛えられます。
またまた、こんなどぎついのを作ってしまった。これも課題ですからね。
自分の好みはこの際、置いておいて練習のためです。
それにしても、この背景の朝日のようなオブジェクトは、
そもそもPhotoshopのデフォルトオブジェクトに入っているので
自前で作ることがありませんでした。仕事は時短が命なので、あるものは使うという
考え方でやってましたが、やろうとすると、一気に作ることが出来ず、
回転ツールの使い方を忘れてつまずいたり…(オブジェクトを回転させるには、回転ツールで
オブジェクトの起点となる部分をクリックした後、MACですので、オプションキーを叩いて
回転の数値表示を出して、角度を入力し、その後は、コマンドキー+Dで、同じ角度でコピーしていく)
この本はそのちょっとした部分を書いてないので、課題をする度に手が止まるというか
ネットでわからない探す作業を強いられます。
IllustratorやPhotoshopをこれから勉強する!なんて人には向いてないよな。。
自分が鍛えられます。
【中古】 Photoshop & Illustrator チラシ・DMデザインプロ技コレクション /オブスキュアインク【著】 【中古】afb 価格:748円 |
Photoshop & Illustrator チラシ・DMデザインプロ技コレクション (X‐media Graphic Library) 中古価格 |
昨日ネットで注文した「アルガニアエ アルガンオイル」がもう届いた!
今日の朝サラダ
料理苦手です(笑)でも、インゲン豆を食べたくて、
ニンジンと一緒にチンして、他、サラダをミックスして盛ってみました。
私の友達はクリエイティブなお仕事をしている方が多いのですが、
皆、けっこうお料理苦手だから、安心します(笑)。
仕事でモノ作りに格闘してヘトヘトに帰ってきて、さらに料理にクリエイティブな脳を
使ってまでモノを作れるか!って感じでしょうか。
たぶん、普段からやっていれば、料理を特別なクリエイティブ作業と思わず
力の抜き加減もわかってくるのでしょうけど、
いつも久しぶりだからこそ、なんだか力が入るんですよね。
まあ、その〜彼氏にいつもチャレンジみたいな気持ちで料理するのを
止めてくれてと言われ(笑)、慣れている人になってくれと
そればっかり言われるので、言われても出来ないのが人間ですが(開き直り)
誰かのためではなく、自分のために無理せずやっていく。これしかありませんね。
ニンジンと一緒にチンして、他、サラダをミックスして盛ってみました。
私の友達はクリエイティブなお仕事をしている方が多いのですが、
皆、けっこうお料理苦手だから、安心します(笑)。
仕事でモノ作りに格闘してヘトヘトに帰ってきて、さらに料理にクリエイティブな脳を
使ってまでモノを作れるか!って感じでしょうか。
たぶん、普段からやっていれば、料理を特別なクリエイティブ作業と思わず
力の抜き加減もわかってくるのでしょうけど、
いつも久しぶりだからこそ、なんだか力が入るんですよね。
まあ、その〜彼氏にいつもチャレンジみたいな気持ちで料理するのを
止めてくれてと言われ(笑)、慣れている人になってくれと
そればっかり言われるので、言われても出来ないのが人間ですが(開き直り)
誰かのためではなく、自分のために無理せずやっていく。これしかありませんね。