このCSSのどこを直せばいいですか?アドバイス求ム
お世話になります。
CSS初心者です、ガイドブック見ながら地道に一歩一歩制作してます。
制作中にいくつかどうしても分からない壁にブチあたっています。初心者ゆえ基本的なこと聞くな!と思われる方もいらっしゃると思いますが、どうかアドバイスをお願いします。
1:div#leftmenuにCSSで配置&ロールオーバーするよう記述したボタン画像が6つ。それぞれリンクを張り、違うページに飛びたい(きっと基本的なことでしょうね...でも分からないんですスイマセン。)
2:#div rightbox-top全体背景にbackground-imageを表示したいが<h2>と<p>要素の間で表示されない空白ができる。これを解消してきちんとbackground-imageを表示させたい。
HTMLーーーーーーーーーーー
<div id="leftmenu">
<a href="" id="menu-botton01"></a>
(省略)
<a href="" id="menu-botton06"></a>
</div>
<div id="rightmenu">
<div id="rightbox-top">
<h3>本文</h3>
<p><img src="image/001.png" alt="画像説明"></p>
<h2>見出しタイトル</h2>
<p>説明文いろいろ</p>
</div>
</div>
CSSーーーーーーーーーーー
div#leftmenu {
width:161px;
margin:3px 0px 0px 0px;
float:left;
}
#leftmenu a {
display:block;
}
#menu-botton01 {
background-image:url(../image/leftmenu-botton_03.png);
width:161px;
height:50px;
}
#menu-botton01:hover{
background-image:url(../image/leftmenu-botton2_03.png);
width:161px;
height:50px;
}
div#rightmenu {
width:639px;
float:right;
}
div#rightbox-top {
width:639px;
}
#rightbox-top h2 {
background-image:url(../image/rightbox_03.png);
background-repeat:repeat-y;
font-size:medium;
font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#CC9966;
width:609px;
padding-left:30px;
}
#rightbox-top h3 {
background-image:url(../image/rightbox_01.png);
background-repeat:no-repeat;
width:639px;
height:30px;
margin:0px;
text-indent:-9999px;
}
#rightbox-top p {
background-image:url(../image/rightbox_03.png);
background-repeat:repeat-y;
width:579px;
margin:0px;
height:auto;
padding:0px 30px 0px 30px;
font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:small;
letter-spacing:130%;
line-height:160%;
color:#333333;
}
お礼
yamanekotamaさん早速のご返答有難う御座います。 >不動産屋(屋と言ってはいけません) そうだったのですか。気をつけます。 確かにギブアンドテイクは基本ですね。 業務の内容はまだまだこれから煮詰めていくのですが 不動産業者の顧客をターゲットとした通信付帯設備の提案をと考えています。 ただ単に顧客を提供していただくだけでは当然、先方にうまみがないので、それにそれに見合った(ご紹介料みたいなもの)キャッシュバックは考えています。 要は、不動産の付帯設備として安価に導入できますよ~といったキャッチフレーズの売込みに対して不動産業者のニーズが見えないもので・・・・。 もっともっと研究です。有難うございました。