スポンサーサイト

2023.04.20 Thursday
0

    一定期間更新がないため広告を表示しています

    category:- | by:スポンサードリンク | - | - | -

    tableのデータ部との境界線を描画するのにつかったcss

    2021.10.05 Tuesday 11:11
    0
      tableのデータ部との境界線を描画するのにつかったcss
      意外にはまってたので備忘録としてメモ


      ヘッダーとの境界線 td まで指定しないと意図した箇所に線がひかれず苦労した しかも順番も関係あり?
      #table1 tbody tr:nth-of-type(1) td{ border-top: 1px solid #777777; }



      右データ部との境界線 tr:nth-of-type(1) まで指定しないと意図した箇所に線が 表示されてしまう
      #table1 thead tr:nth-of-type(1) th:nth-of-type(3) { border-right:solid 1px #777777; }



      右データ部との境界線
      #table1 tbody td:nth-of-type(3){ border-right:solid 1px #777777; } :
      category:css | by:ittoocomments(0) | - | -

      adminlteでサイドバーを画面上部に固定する

      2020.06.05 Friday 01:32
      0
        bootstrapをベースにした管理画面用htmlテンプレートのadminlteにおいてサイドバーを画面上部に固定する 結論として タグのclassに fixed を指定するとうまくいった。 当初ある程度画面スクロールさせてからサイドバー固定がいいかもと思ってたけど それはまた次の宿題にする
        category:css | by:ittoocomments(0) | - | -

        css bootstrapのメモ

        2015.11.02 Monday 23:49
        0
          css bootstrapのメモ

          -------------------------------------------------
          .col-xs- モバイル(768px以下)
          .col-sm- タブレット(768px以上、992px未満)
          .col-md- デスクトップ(992px以上、1200px未満)
          .col-lg- デスクトップ(1200px以上)
          -------------------------------------------------

          たとえば、
          モバイル(768px以下)とタブレット(768px以上、992px未満)の場合は
          の画面幅の場合は、中央一列でその下にサイドバー表示で
          デスクトップ(992px以上、1200px未満)とデスクトップ(1200px以上)の場合は、
          の画面幅の場合は、中央の横ににサイドバー表示する設定が以下

          -------------------------------------------------
          <div class="row">
          <!-- 中央に割り当て -->
          <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">

          <!-- サイドメニュー -->
          <div class="col-md-3 col-lg-3">
          </div>
          /div>

          -------------------------------------------------

          要するに、.col-xs-★の場合
          12/★の値が占領する列の数になる

          category:css | by:ittoocomments(0)trackbacks(0) | -

          印刷用css 表示と非表示

          2015.01.20 Tuesday 22:08
          0
            <html>

            <head>
            <link rel="stylesheet" href="default.css" type="text/css" />
            <link rel="stylesheet" href="print.css" type="text/css" media="print" />
            </head>

            <body>

            <div id="for_print">
            ■1 for_print 印刷表示用
            </div>
            <div id="for_detail">
            ■2 for_detail 一般詳細表示用
            </div>


            </body>
            </html>


            print.css
            #for_print{
            visibility:visible;
            display: block;
            font-size:24px;
            }
            #for_detail{
            display: none;
            }




            default.css
            #for_print{
            display: none;
            }
            #for_detail{
            visibility:visible;
            }
            category:css | by:ittoocomments(0)trackbacks(0) | -

            !importantでIEに別の値を指定

            2007.05.21 Monday 19:23
            0
              ブラウザ間で表示が異なることへの対応。
              css表示で !important をつかって、IEにのみ別の指定をすることが可能。

              例)
              margin-top :15px !important; /* IE以外 */
              margin-top :5px ; /* IE */

              category:css | by:comments(0)trackbacks(0) | -

              ad
              Calender
                   12
              3456789
              10111213141516
              17181920212223
              24252627282930
              31      
              << March 2024 >>
              Selected entry
              PR
              Category
              Archives
              Recommend
              Link
              Profile
              Search
              Others
              Mobile
              qrcode
              Powered
              無料ブログ作成サービス JUGEM