制作ブログ Web制作マークアップ CSSdlを使って、dtとddを横並びにする

2007年2月23日 CSS

dlを使って、dtとddを横並びにする

dl{
width:○○px;
}
dt{
float:left;
width:△△px;
}
dd{
margin-left:△△px;
}

floatをdtにのみ適用させるのがポイント。
これにより、ddが数行に渡っても、次のdtはそのddの後に表示される。
ddのmarginにdtに指定した幅と同じ値を取ることでdtとddを別々のボックスとなるのがポイント。
また、ddにmarginを指定せずにborderを指定した場合、ddの上にdtがフロートしている状態になるので、dtの横にborderが表示される。

WEB制作・映像制作のブログ

Nikon Z f、ついに発表！！

（写真は公式サイトより） 2023年8月中旬、Z fc の後継機、Z f のフルサイズ機が8月下旬に発表される噂があることを教えてもらった。Z fcより...

2023年9月21日カメラトーク

WordPress Popular Posts のフィルターフック、wpp_custom_html も wpp_post もなぜか使えなくなってた → new \WordPressPopularPosts\Query($args)

「よく読まれる記事」のリストを表示する便利なプラグイン「WordPress Popular Posts」。これまでは、wpp_custom_html をフィル...

2023年9月4日 WordPress

スクロールバーをカスタマイズする

スクロールバーをカスタマイズできるライブラリを探して。いくつか試したけど、ページ内に複数あるとうまくいかなかったり、画面をリサイズするとうまくいかなったりして...

2023年9月3日ライブラリ

Mac M2 に Node(npm)をバージョン指定して使えるようにする

Homebrewをインストールする 1. 公式サイトのインストールに表示されている内容をコピーする。https://brew.sh/index_ja ...

2023年8月17日制作効率化

【カメラ初心者からの脱却】マニュアルモードしか勝たん。さらに脱AFの極みへ

ちょっと若ぶってみたけど、「勝たん」ってもう死後かな？！さて。写真を撮るときに意識するのは、「絞り（ボケみ）」「シャッタースピード（被写体を止めるか流...

2023年8月15日カメラトーク

Nikon Z fc

今月末には、Z fcのフルサイズ版が発表になるという有力情報がある。それを待ってからでもよかったのだが、Z fcを購入した。これは2021年7月に発表された、...

2023年8月14日カメラトーク

Webアプリ「Filmpathy HANGOUT」作りました！

Webアプリ「Filmpathy HANGOUT（フイルムパシーハングアウト）」、作りました！2021年7月に公開後、細々と活動してきましたが、2023年5月...

2023年6月18日お仕事・制作日記

配列内のオブジェクトの値が重複する場合は削除する

たとえば、下記のような配列があって。 const array = [{ id: 1, name: 'test1' }, { id: 2, ...

2023年6月14日 JavaScript

WWDC23 のセッションから「visionOS」で絞り込み

WWDC23で公開されたVIDEOは181個（!!!）もある。その中から、「visionOS」のタグがついたVIDEOだけを抽出してみた。 Acc...

2023年6月13日 Apple Vision Pro

visionOSの紹介

（chatGPT訳）ページ元：https://developer.apple.com/visionos/ 全く新しいプラットフォーム。お馴染みのフレーム...

2023年6月12日 Apple Vision Pro

Apple Vision Pro の発表で感慨に耽る

2002年、映画「マイノリティ・リポート」を観て、現実世界に浮かび上がる様々な画面を操るUI/UXに心踊った方は多いと思う。自分もその一人。 2013年...

2023年6月12日徒然なままに

ユーザーごとに言語設定を変更したり、呼び出したりする

ユーザーごとの言語設定を変更する update_user_meta(1, 'locale', 'en_US'); 第1引数にユーザーID、第2引数...

2023年3月23日 WordPress

長さと角度から、左右上下の移動距離を取得する → 三角関数？

たとえば、起点となる位置があって、そこから右に100px移動したところに要素があるとした場合、CSSでは位置移動には2つの方法がある。position、もしく...

2023年2月5日 JavaScript

アフィリエイトサービスA8のセルフバックを使ってみた

2022年3月、アフィリエイトをはじめてみようと、前から取得していたドメインでサイトを開設した。当初は100記事くらいできるまでは、外部のライターさん何名かに...

2022年12月31日アフィリエイト

iPhone 13 mini を 23円で新規契約した話

1年前の12月31日、iPhone 12 mini を格安でゲットした。楽天モバイルをauにMNP、7日後にPOVO2.0にした話昨年と同様の動向であ...

2022年12月26日徒然なままに

よく読まれている記事

box-shadowを極める

box-shadowプロパティは、その名から想像するとおり、ボックスエリアに影をつける（ドロップシャドウ）ことができます。仕様外側にドロップシャドウ bo...

2011年4月19日 CSS

Webサービス「たびのとTOKYO」を作ってみました

忘れがちな気になる情報をストックしておきたい普段、ラジオやテレビで知った気になる情報は一時間後には忘れてることがよくあって。映画館で映画を見た時も上映前の...

2016年8月1日お仕事・制作日記

visionOSの紹介

（chatGPT訳）ページ元：https://developer.apple.com/visionos/ 全く新しいプラットフォーム。お馴染みのフレーム...

2023年6月12日 Apple Vision Pro

テンプレートの種類と優先度

ホーム index.php home.php フロント静的フロントページ front-page.php 投稿 single.php s...

2017年7月12日 WordPress

記事の投稿者（ユーザー）情報を取得する方法 → get_the_author_meta

記事の投稿者（ユーザー）情報を取得するには、これまでは「get_userdata」を使っていたが、IDを取得したいだけなのに、もうちょっとシンプルな方法がある...

2021年6月21日 WordPress

maxlength属性

inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。調査ポイントは２つ。半角英数と全角でmaxlength値のカウント方法が異なるか？文...

2010年5月23日 html

Netscape version4の排除

2006年12月31日 html

Dreamweaver CC 2021が起動しなくなった → キャッシュ削除で復活

朝、いつものようにMacを起動して、AutomatorでWeb制作関連のアプリを一気に立ち上げる。あれ？Dreamweaverが開いていない。起動画面で「サイ...

2022年3月21日 Dreamweaver

Custom Post Type UI で投稿画面にタクソノミーが表示されなくなった場合 → REST API

数ヶ月前、WordPress本体をバージョンアップして、エディタがガラリと変わった。その際、それまでサイドナビに、Custom Post Type UI（CP...

2020年8月13日 WordPress

在宅で仕事ができない人へのアドバイス

新型コロナウイルスが世界に猛威を振るっている。在宅でのリモートワークが推奨され、家で仕事している人が増えているとのこと。そんな中、なぜか家だと仕事になか...

2020年3月25日徒然なままに

WordPress Popular Posts のフィルターフック、wpp_custom_html も wpp_post もなぜか使えなくなってた → new \WordPressPopularPosts\Query($args)

「よく読まれる記事」のリストを表示する便利なプラグイン「WordPress Popular Posts」。これまでは、wpp_custom_html をフィル...

2023年9月4日 WordPress

最近コメントありの記事

iOS Safariで絶対配置(position:fixed)して惰性スクロールしてもロックしない、フリーズ回避方法

2022年10月15日追記いつからかわからないが、このバグはすでに解消されてるッ（iOS15.6.1 Safariで確認済み）！！この記事は結構な時間と検証を...

2021年4月28日 JavaScript

商品ごとの最安値を価格コムから参照して、スプレッドシートに記入。毎日、自動更新で。

ふと、カメラレンズの価格が知りたくなった。その数、50本くらい。いや、もっと増えるだろう。価格コムの最安値を参考価格とする。さっそく、Googleスプレッドシ...

2021年4月23日 Google Apps Script

Instagram API を使ってインスタに投稿した画像データを取得する

2022年2月2日追記前回確認したときは多くが変わりすぎていたWebページですが、今確認したところ、ロゴがFacebookからMetaに変更があるだけで、仕...

2021年2月22日 API

項目”Clipy”は開いているため、ゴミ箱に入れることができません。←アンインストールしようとしたときの話し

Clipyが超絶便利そうだったので、macOS Big Sur にインストール＆再起動して使ってみた。ところが、command + c を複数の箇所で行い、c...

2021年9月13日徒然なままに

MacBook Air Mid 2013 を中古で購入して、Big Sur を入れてみた

2022年1月16日大幅に書き直しました。 Monterey が登場したことで、Big Sur が最新のOSではなくなった。2021年3月に、この記事で...

2021年3月12日徒然なままに

スライドショー

最初にスライドショーを自作したのがおよそ11年前(2021年12月現在)。当時の記事「スマートフォンでも使えるフォトスライド」Web業界の11年は、とんでもな...

2021年12月20日ライブラリ

イラストレーターでレイヤーごとにPNGで書き出す

【2022年07月05日】 macOS Monterey（12.4） / Adobe iLLustrator 2022（26.3.1）にて動作確認済み(透...

2018年2月2日 Illustorator

アイキャッチ画像のURL情報だけを知りたい → the_post_thumbnail_url()

アイキャッチ画像のURL情報だけを取得する記事を多くみつけたが、実はWordPress 4.4.0 からデフォルトでアイキャッチ画像のURL情報だけを取得する...

2017年8月1日 WordPress

テンプレートの種類と優先度

ホーム index.php home.php フロント静的フロントページ front-page.php 投稿 single.php s...

2017年7月12日 WordPress

Macで編集時と書き出し後で色味が変わってしまう場合に試してみたいこと

試したことはまだないけど、Macで編集時と書き出し後で色味が変わって困ったときのために備忘録。プロジェクト設定 > 「カラーマネジメント」&...

2021年9月29日 DaVinci Resolve

Fairlightメモ

DaVinci Resolve（ダビンチリゾルブ）の音関連についてのメモ。特徴エディットでのフレーム単位より細かい単位で動かせる音量バ...

2021年11月16日 DaVinci Resolve

WP_Queryを使って絞り込み検索するのにコレは便利！

めっちゃ参考になるページを見つけた。絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。参考：これは便利！WordP...

2018年10月11日 WordPress

Sony Eマウントフルサイズ対応のカメラレンズを収集するページを作ってみた

Sony Eマウントフルサイズ対応のカメラレンズを集めてみた。サンプル：https://sample.simplesimples.com/sonyal...

2021年4月27日お仕事・制作日記

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

まずはサンプル。これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。これは、overflowをautoにした要素...

2017年7月19日 JavaScript

えっ!?Yahooの検索結果から遷移しようとしたら全く違うサイトにリダイレクトされてしまった…

直接URLを入力したり、Googleの検索結果からの遷移時にはまったく問題なかったが、Yahoo Japanの検索ボックスで検索して表示される検索結果一覧から...

2019年3月12日お仕事・制作日記

WEB制作・映像制作のブログ

最新記事

Nikon Z f、ついに発表！！

WordPress Popular Posts のフィルターフック、wpp_custom_html も wpp_post もなぜか使えなくなってた → new \WordPressPopularPosts\Query($args)

スクロールバーをカスタマイズする

Mac M2 に Node(npm)をバージョン指定して使えるようにする

【カメラ初心者からの脱却】マニュアルモードしか勝たん。さらに脱AFの極みへ

Nikon Z fc

Webアプリ「Filmpathy HANGOUT」作りました！

配列内のオブジェクトの値が重複する場合は削除する

WWDC23 のセッションから「visionOS」で絞り込み

visionOSの紹介

Apple Vision Pro の発表で感慨に耽る

ユーザーごとに言語設定を変更したり、呼び出したりする

長さと角度から、左右上下の移動距離を取得する → 三角関数？

アフィリエイトサービスA8のセルフバックを使ってみた

iPhone 13 mini を 23円で新規契約した話

よく読まれている記事

box-shadowを極める

Webサービス「たびのとTOKYO」を作ってみました

visionOSの紹介

テンプレートの種類と優先度

記事の投稿者（ユーザー）情報を取得する方法 → get_the_author_meta

maxlength属性

Netscape version4の排除

Dreamweaver CC 2021が起動しなくなった → キャッシュ削除で復活

Custom Post Type UI で 投稿画面にタクソノミー が表示されなくなった場合 → REST API

在宅で仕事ができない人へのアドバイス

WordPress Popular Posts のフィルターフック、wpp_custom_html も wpp_post もなぜか使えなくなってた → new \WordPressPopularPosts\Query($args)

最近コメントありの記事

iOS Safariで絶対配置(position:fixed)して惰性スクロールしてもロックしない、フリーズ回避方法

商品ごとの最安値を価格コムから参照して、スプレッドシートに記入。毎日、自動更新で。

Instagram API を使ってインスタに投稿した画像データを取得する

項目”Clipy”は開いているため、ゴミ箱に入れることができません。←アンインストールしようとしたときの話し

MacBook Air Mid 2013 を中古で購入して、Big Sur を入れてみた

スライドショー

イラストレーターでレイヤーごとにPNGで書き出す

アイキャッチ画像のURL情報だけを知りたい → the_post_thumbnail_url()

テンプレートの種類と優先度

Macで編集時と書き出し後で色味が変わってしまう場合に試してみたいこと

Fairlightメモ

WP_Queryを使って絞り込み検索するのにコレは便利！

Sony Eマウント フルサイズ対応のカメラレンズを収集するページを作ってみた

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

えっ!?Yahooの検索結果から遷移しようとしたら全く違うサイトにリダイレクトされてしまった…

Custom Post Type UI で投稿画面にタクソノミーが表示されなくなった場合 → REST API

Sony Eマウントフルサイズ対応のカメラレンズを収集するページを作ってみた