なにかとお世話になるフォトギャラリーの定番Lightboxですが、今作成中のWordPressサイトでうまく作動しませんでした。
たぶんjQueryの競合だと思うのですが。。。
いろいろ探したところLightboxと同様に動作するjQuery Lightboxというプラグインがあったので試したところOKでした。
月: 2013年3月
角丸半透明のdivを作る
div#header-info-kadomaru{
border-radius: 20px; /* CSS3 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
background-color: #696969;
filter: alpha(opacity=20); /* IE */
opacity: 0.2; /* Chrome, Firefox, Safari, Opera, */
padding: 20px;
}
div の上下の間隔が空いてしまう
上下に並べたBOXの間隔がどうしても2pxくらい空いてしまう。。。
ちなみに上のBoxにはサイズいっぱいの画像が入っています。
margin, paddingはもちろんどちらも0px
div#up{
line-height:0;
}
div#under{
}
とLine-heightを0に指定すると良いようです。
FFFTPでパーミッションを指定しながらアップロードする
使ってるレンタルサーバーにかんたんインストール機能があるのですが、日本語しか対応してないので、
http://pe.wordpress.org/からダウンロードしてインストールがうまくいかないと思ったら、
全部アップロードしたあとにパーミッションの設定が全部ファイル666になってました。
FFFTPにはパーミッションを指定しながらアップロードできる機能があります。
知らんかった。。。
「オプション」→「環境設定」
「転送3」
「アップロードするファイルの属性」→「追加」で拡張子を指定してパーミッションを指定していきます。
*.html *.php *.css *.js *.mo *.po
全部705にしてアップロードし直し。
今日はもう寝ます。。。
CSS BOXカラムを指定する
HTML
<div id='field'> <div id='container'> <div id='box1'> </div> <div id='box2'> </div> <div id='box3'> </div> </div> </div>
Stylesheet
#field{
background-color:#ffffff;
width:900px;
margin:auto;
}
#container{
display: -webkit-box;/* Safari,Chrome */
display: -moz-box;/* firefox */
}
#box1{
width:250px;
margin:25px
}
#box2{
width:250px;
margin:25px
}
#box3{
width:250px;
margin:25px
}
IE。。。