メシのタネ

Webプログラミング 備忘録

  • AWS移行でコケ中

    現在このWebサイトが稼働している、このサーバーのMySQLをマスターとし、AWS上のRDSをスレーブとして、データ移行をしようと思ったが、バイナリロギングの取得が上手くいかない。多分の手順VPSのDBでスレーブ用のユーザ作成バイナリロギングを行うスレーブ側RDSにマスターのDUM[...]

    続きを読む
  • AWS ソリューションアーキテクト アソシエイトに合格しました。

    実は、今日までIT無資格でした。ええ歳だし、そろそろなんか資格取っておくかーと考えだしたので、取って嬉しい資格を取ろうと思ってたところ、AWSの資格あったなーと思って、調べてみたら、みんな14日で受かる!とか言ってるので、じゃあというこで、試験日14日後とかにして、試験の予約入れたのが地獄の始まり[...]

    続きを読む
  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む

テーブルタグの結合とかやっかいな事全般

慣れない事から学ぶこと

今の会社に入ってから、今までやらなかったような事をやる事がある。
管理画面の作成とか、結構テーブルでやって欲しいって依頼があったりする。
多分プログラマーが導入しやすいからなんだろうけど。うち限定かもしんないが。
そんな訳で、業務系のプログラムをやる事が多いのでprint用cssとかテーブルレイアウトとかシステム開発とか
今までやらなかった事をやっております。

ほんでテーブルが案外やっかいなんだ

テーブル用のプロパティが多いとか、
結合すると何か横幅が上手く行かなかったりとか、
設定値入れないとtdの間になんか1pxスペース入るとか、

固定しとかないと、親タグいっぱい広がって行くとか、
以外に面倒。前職が、媒体運営だったから、テーブルには慣れてるつもりだったけど
そんなもんは所詮つもりの世界だったんですね。

結合時のwidth無視回避法

多分これは、いい方法ではないんですけど、
予めテーブルのセル数を数えて結合しないで一行目に空タグを入れるの。

</p>
<p>&lt;table&gt;</p>
<p>&lt;tr&gt;<br />
&lt;td&gt;&lt;/td&gt;<br />
&lt;td&gt;&lt;/td&gt;<br />
&lt;td&gt;&lt;/td&gt;<br />
&lt;/tr&gt;</p>
<p>&lt;tr&gt;<br />
&lt;td colspan=&quot;2&quot;&gt;&lt;/td&gt;<br />
&lt;td&gt;&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;&lt;/td&gt;<br />
&lt;td colpan=&quot;2&quot;&gt;&lt;/td&gt;<br />
&lt;/tr&gt;</p>
<p>&lt;/table&gt;</p>
<p>

こんな具合にやっとけば、一番上のwidth指定通りにそろいます。
なんでかは分からない。教えてください。

親タグ一杯に広がって行くテーブル

いやまてよ。何勝手に文字数分でかくなってんの君。

だからテーブルって嫌なのよね。マジで

って思う前にググると大体、そういうの回避するプロパティがあります。
こんなの。

</p>
<p>table-layout:fixed; #列幅を固定。<br />
table-layout:auto;  #自動でレイアウトされます。</p>
<p>

なんかtdの間に線がつくんですけど

これの対策ようのプロパティもあります。
いつも忘れますけどこーらすぺーしんぐ?なんだっけ。

</p>
<p>border-collapse: collapse; #隣接するセルの線を重ねて表示<br />
border-collapse: separate; #隣接するセルの線を離して表示</p>
<p>

これで大体ぱちっとなります。
結合した時なんでああゆう事しないといけないんだろうなぁ。

関連記事

  1. 2011.06.23

    調整中ー

コメントをお待ちしております