地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
WordPressのビジュアルエディターにプラグインなしでクライアントさん向けボタンを追加
私はビジュアルリッチエディターは使ってませんが、クライアントさんはやっぱりビジュアルリッチエディターを使ってます。 フロート解除ボタンなど、もう少しだけエディターを便利にするボタンを追加するための Tips です。 WordPress の投稿画面のビジュアルリッチエディター。私はビジュアルエディターは使ってないのですが、クライアントさんに納入する時には、ビジュアルリッチエディターでブログの書き方を教えてます。クライアントさんは HTML が書ける人ばかりではないので…。 もともとかなりのボタンが最初からついてるビジュアルリッチエディターですが、実はアドバンスツールというものがあって、最初は表示されていないボタンもあります。 ビジュアルリッチエディターのアドバンスツール
floatで横並びさせたリストをセンタリングするときの方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ページネーションなどのlistをfloatさせた要素をセンタリングするときのメモです。 ナビゲーションやページネーションなどでliタグをfloatさせて横並びにすることがよくあると思います。 しかし、センタリングしようと思っても「margin:0 auto;」も「text-align:center;」も効きませんよね？ こんなとき、「position:relative;」を使うと上手くいくようです。 コード HTMLコード <div id="menu"> <ul> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー3</li> <li>メニュー4</li> <li>メニュー5</li> </ul> </div> CSSコード div#menu { position: relative; overflow: hidden; } div#menu ul { float
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
