忍者ブログ

カウンター

プロモーション

カレンダー

10 2024/11 12
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

AntinomyMy の実験室

   私のWEBアプリ実験室です!

ブログ内検索

楽天でお買い物

twitter

最新トラックバック

最新コメント

忍者アナライズ

ウェザーニュース

バーコード

本を買う

アクセス解析

Google+

[PR]

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


No Image

jQuery Mobile horizontal controlgroup のCSS が効かない;;

CSSの調べ物

なんどどうやっても、
ここ
みたいにどうしてもテキストの部分だけ大きくなって、
fieldset とか、関係ない!

公式ページにある

にも書いてあるCSS を書いただけじゃダメだった・・・

結局分かったのは、DIV 要素でいけて
jQuery Mobile のCSS はアフターとか、後の要素や、
子供の要素についてとか、いっぱい複雑にCSS を指定しているので
インラインHTML に!important しても無駄

つまり、インクルードとか、インラインCSSをHTML に書くならば
一番最後の方に書く、これでいけた。

つまりjQuery Mobile のCSS の前に、
.controlgroup-textinput{
    padding-top:.22em;
    padding-bottom:.22em;
}

を書いても無駄
ちゃんと後に書いたら動いた。

jQuery Mobile はJavaScirpt の読み込む順番にも煩くて
jQueryの.jp、jQuery Mobile のカスタマイズ設定の.js
そして最後にjQuery Mobile の.js でこれもまた面倒なので
css もjs も面倒です。

CSS は最後に自身のカスタマイズのcss を読み込ませよう!

拍手[0回]

PR

No Image

CSS 文字列、n行改行、水平中央、幅固定

CSSの調べ物

CSSは、何段も積み重ねてやっとひとつの
したい表現ができる場合が一番面倒で時間がかかる。


これもう4時間くらい悩んだ。


IEってもう放置でいいんじゃない?とか考えつつ、
捨てられない遺産。

はぁ・・・・・

と思って検索でもどうせ、ここまで要求したら出てこないと思ったら、
あった!!!

忘却のWEBプログラマー人生辞書

cssで中段表示する方法 上下左右中央に表示するcssの書き方divでも反映させちゃうぞ

http://lmaker.blog17.fc2.com/blog-entry-306.html


あぁ、今日から神様と呼ばせてもらう。


Facebook、あまり好きじゃない(Facebookアプリ作ったりするんだけどw 仕事でwww)んだけど、
貴方には推しといた^^b


メモさせてもらう。


IE対応CSSコード!
<div style="width: 550px;height: 200px;display: table;">
<div style="display: table-cell;vertical-align: middle;text-align: center;width: 550px;/position: relative;/top: 50%;" >
<span style="/position: relative;/top: -50%;">
ここに文字とか画像入れたら中央表示になるばい!</span>
</div></div>
上記が今まで見た中で最高であったよ~♪

ただ、ここに文字とか画像入れたら中央表示になるばい!aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

とかいっぱい入れたら、そこだけ幅widthで親要素指定したのより横幅が大きくなり、
なぜか親要素の幅が大きくなった・・・!?

少し手を加える必要はあるかもしれないけれど、それでも今まで見たので、
一番良かった神だった。

あぁ神だったよ、そう神だったさ!


ありがとう、本当にありがとう、
有難う、アリガトウ



以上、いつもとちょっと違う感謝の気持ちいっぱいのブログメモでした<_ _> お粗末

拍手[0回]


  • Home
[PR]