cockscomb https://blog.hatena.ne.jp/cockscomb/ Chicken Hearted Diary https://cockscomb.hatenadiary.org/ CHF:egg 先日も書いたように、現在着々と製作が進んでいる『egg』ではあるが、昨日は大変な苦労をしてしまった。Photoshopでの作業は一段落し、GoLiveでトップページを作っていたところだが、CSSが上手く働かない。サイトの設計は黄金比で固定した枠組みの中にコンテンツを入れようというものであるが、右上にナビゲーションが欲しい。そこでJavaScriptでマウスオーバーに反応し、展開するという良く見かけるナビゲーションを考えていた。JavaScriptの実装を前に、アクセシビリティの観点からXHTMLの一番最後に記述したナビゲーションをCSSのpositionを使って右上に絶対位置指定で持ってくる作… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcockscomb.hatenadiary.org%2Fentry%2F20060913%2F1158165008" title="CSS - Chicken Hearted Diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2006-09-13 01:30:08 rich https://cockscomb.hatenadiary.org/entry/20060913/1158165008 1.0 100%