仕事メモとか

仕事中に調べた情報とか知ったことをメモしています。
unixコマンド, vim, oracle, putty, postgresql, bash, EXCEL, python, SQL全般 など。
最近は tableau, movabletype とかも触ったりしています。
雑な読書感想とかはこちら

カテゴリ: html


shtml拡張子について

URLをよく見たら、shtmlとなっていて、typoかな? と思ったら、そういう技術でした。

3行説明
・SSI(Server Side Includes)用の拡張子
・プログラムみたいなことが出来る
・最近はあんまり流行ってない

実行を使えるようにするためには、.htaccessで許可をする必要があるっぽいです。

プログラムはサーバー上で動くため、まあまあ色々できますが、
phpなどの方が便利で簡単なため、現在ではほとんど使われていない技術っぽいです。



参考:
https://wa3.i-3-i.info/word11963.html
http://www.tohoho-web.com/wwwssi.htm
https://designsupply-web.com/knowledgeside/3370/

tableに付いている線が消えない(CSS)

過去作ったページをそのままコピペしてブログに張り付けると言うことをやってるのですが、
tableタグの線が出てしまう現象が出ました。

タグ上で、border="0" となっているのですが、どうもうっすい線が出ます。
さっそく先日覚えてたデベロッパーツールでどの条件が効いているのか調査。

●デベロッパーツールの出し方
「設定(縦の点3つ)」=「その他ツール」=「デベロッパーツール」

どうも元のcssに書かれている条件で線を出している模様。

ということで、後から動くcssで更に上書きすることで対応。

table, tr, th, td {
border:none;
}


自分の場合は、trタグも消さないと上手く全て消えませんでした。
古いページから持ってくる時はcssを使っていなかったり、オレオレcssで色々やっているので
順番を気にして対応する必要がありそうです。



参考:
http://yoccylife.com/2016/08/31/420/
https://teratail.com/questions/34186

画面が小さい時だけ表示を消す

movableTypeに限ったわけでもないのですが、
画面サイズを小さくしたときに表示したくないパーツが発生しました。

ということで、CSSで制御


●CSS

@media only screen and (max-width: 930px) {
  .none {display:none}
}


●画面が小さいときに表示したくないもの

<div class="none">
消したいコード
</div>


@mediaは色々出来るのでありがたいです。


参考:
http://dictux.com/wordpress/%E8%A1%A8%E7%A4%BA%E3%83%BB%E9%9D%9E%E8%A1%A8%E7%A4%BA%E3%81%A7%E3%80%81%E3%82%88%E3%82%8A%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB/


↑このページのトップヘ