忍者ブログ
14 September

片方可変のfloat 例えばサムネイルとタイトルの横並び

サムネ{
float:left;
width:80px;
z-index:1000;
position:relative;

}

タイトル{
float:right;
width:100%;
margin-left:-100px;
}

タイトルの中のspan{
margin-left:100px;
}


z-index:1000;
position:relative;
もし画像のみにリンクを貼りたいときは、z-index:1000; で上位にする。
そうしないとテキスト側の width:100%; が上に乗っかってしまってクリックできなくなる

z-indexは position:static; 以外のpositionを付けないとダメだが、クロームはなくても判断シて動作してくれた。
IEは動かねえ。まじつかえねー。いつまでhtml strict気取るつもりなの?
css3でjqueryのような動きや、簡単な画像加工ならもうできちゃう時代なのに、IEが対応しないせいで全然使えない。
技術は進歩してるのにこのくそブラウザがまったく柔軟性がなく対応しないからほんと進化しねえ。

前よりかはよくはなったIEのデベロッパーツールだが、圧倒的にクロームとfirefoxには及ばずつかえねー。
IEでのみおかしくなることが多いから、IEで検証したいのにIEのデベロッパーツールが使い物になんねーから治すのに時間がかかる。まじうぜーしねしねしね





PR
01 September

テーマ切り替えプラグイン使用時のウィジェット追加

http://memocarilog.info/wordpress/theme-custom/2972

カスタムメニューと同じように考える
カスタムメニューでPC用、SP用のメニューを作る
PCのphp、SPのphp、それぞれに呼び出しコードを書く

テーマが同じ場合


SPのfunctions.php
SP用ウィジェットのidとnameを変更する
sidebars(2 とかの複数形が合った場合、複数形をやめ個々にidとnameをつける
↑これはPC版とかぶってしまうため。
idとnameは同じものにしてはいけない
idには英数字は小文字しか使えない。大文字でSPってやっててなんで表示されないのってはまった

PCのfunctions.php
↑で作ったSP用ウィジェット改変版をコピペ

SPの各php
改変したidにそれぞれ変更していく

テーマが別の場合


PCのfunctions.php
SP用のウィジェット設定を全部コピペする。
sidebars(2 とかの複数形が合った場合のみ、複数形をやめ個々にidとnameをつける

23 August

css指定で役に立つ指定の仕方いろいろ

http://www.coolwebwindow.com/csstips/cssbasic/000243.php

よく使うもの
~を含む

E[foo^="bar"]
barという値から始まるfoo属性を持つE要素に対してスタイルを適用
18 August

高さ不明の要素に対して天地中央に配置

<div>
<img src~~~>
</div>


img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

いろんなやり方があるがいまいち実践でしっくりこない
上記のやりかたをやってもうまくいかない場合はよくある
widthやheightをちゃんと指定しなきゃいけなかったりして、可変だから中央寄せしたいのに、widthとheightが定まらないからやりたいんだよ
定まってたら中央にするのにそんな一生懸命にならねーよ

というわけで、下記サイトのどれかを使う

http://blog.mismithportfolio.com/web/20151027cssimageplace
http://demo.mismithportfolio.com/test18/