![]()
- html・cssで日付をキレイに揃えたい
はじめまして。 html・cssの初心者なのですが、分からないことが出てきましたので、投稿いたしました。 （前提） 下記のように日付を縦に並べたいと思っています。 （縦の年、月、日を揃えたい） 2010年11月 8日 30日 12月 1日 ※重複している年や月は省略して表示したい ※月や日が1桁 or 2桁でも月、日を縦に揃えたい （困っていること） でスペースを調整しようとしたのですが、 微妙にズレてしまうのと、PCの環境(ブラウザ？）によってスペースの表示が異なってしまうようです。 （教えてほしいこと） このような場合はCSSなどで指定すればキレイに揃うものなのでしょうか。 また、可能な場合はどのような指定をすればよいのでしょうか。 「こんなこと」と思われるかもしれませんが、 なにぶん初心者ですので分かりやすく教えていただけると助かります。
- メニューボタンの背景が表示しない
ｃｓｓでメニューボタンの背景をhoverで変更しようと思っています。 が、最初からHP上にメニューボタンが表示されません。 たびたびHPを作っていますが、今回表示されない原因がわからず、 非常に困っています。 《html》 <body id="top"> <!-- ヘッダーここから --> <div id="wrap"> <div id="header"> <img src="./images/title.png"> </div> <!-- ナビボタンここから --> <div id="navi"> <ul id="menu"> <li><a href="top.html" >TOP</a></li> <li><a href="menu.html" >メニュー＆料金</a></li> <li><a href="access.html" >アクセス</a></li> <li><a href="question.html" >お問い合わせ</a></li> </ul> </div> <!-- コンテンツここから --> <div id="contents"> 以下 省略 《css》 #navi{ width: 750px; height:45px; margin: 0px; } #menu { margin: 0; padding :0; list-style-type : none; } #menu li { margin:0; float:left; } #menu li a{ display:block; width: 150px height: 43px; text-align:center; text-decoration: none; background-image: url(images/navi_b.png); background-repeat: no-repeat; } どこが間違っているのか指摘していただけないでしょうか。