0

見出しの不要なスペースを取り除く方法を考えているだけです。ヘッダーをキャプチャ 2 (2 番目の写真) のようにしたいのですが、削除できない不要なスペースがあります。jsfiddle: http://jsfiddle.net/yT6h6/で実行しましたが、コードに問題はないと思いますが、まだスペースを確認できます。これをご覧いただき、お役に立てれば幸いです。

HTML コード:

<div class="content">
    <div class="heading"><b style="font-size:14px; font-family:'Arial', Gadget, sans-serif"><b style="font-size:9px;"><a href="default.html" class="link5">Home \\</a> <a href="current_students.html" class="link5">Current Students \\</a></b>
</b>
        <br />FBE Degrees &amp; Electives
        <br>
<span class="style11">FBE Degrees &amp; Other Courses for FBE students including Elective courses</span> 
    </div>

CSS コード:

.heading {
    height: auto;
    width: 525px;
    background-color: #333333;
    font-family:"Courier New", Courier, monospace;
    font-size: 28px;
    color: #DBDBDB;
    padding-left: 30px;
    font-weight: bold;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.content {
    height: auto;
    float: left;
    width: 575px;
    background-repeat: repeat;
    background-color: #FFFFFF;
}
.style11 {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
    color: #336666;
}
a.link5:link {
    color: #FFFFFF;
}
a.link5:visited {
    color: #FFFFFF;
}
a.link5:hover {
    color: #E9E8C7;
}
a.link5:active {
    color: #E9E8C7;
}

ここに画像の説明を入力

ここに画像の説明を入力

4

3 に答える 3

0

ちょっと私はあなたのコードを試してみました：http://jsbin.com/awonek/1/edit

私にはうまく見えます。

コードを試すことができます

div#heading{
      margin-bottom:-20px;
}

どのブラウザで試しましたか？

いくつかの変更を追加: http://jsbin.com/uvurev/1/editを参照

  <div class="content">
    <div class="heading">
        <a href="default.html" class="link5">Home \\ </a> <a href="current_students.html" class="link5">Current Students \\ </a>
        <h2 class="M_logo_text">FBE Degrees &amp; Electives</h2>
        <span class="style11">FBE Degrees &amp; Other Courses for FBE students including Elective courses</span> 
    </div>
  </div>

CSS

div.heading {
    height: auto;
    width: 525px;
    background-color: #333333;
    font-family:"Courier New", Courier, monospace;
    color: #DBDBDB;
    padding-left: 30px;
    font-weight: bold;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.content {
    height: auto;
    float: left;
    width: 575px;
    background-repeat: repeat;
    background-color: #FFFFFF;
}
.style11 {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
    color: #336666;
}
a.link5{
    font-size:9px; font-family:'Arial', Gadget, sans-serif
    margin-right: -2px;
    text-decoration: none;
}
a.link5:link {
    color: #FFFFFF;
}
a.link5:visited {
    color: #FFFFFF;
}
a.link5:hover {
    color: #E9E8C7;
}
a.link5:active {
    color: #E9E8C7;
}

/*
added style
*/
b.type1{
    font-size:9px; font-family:'Arial', Gadget, sans-serif
}
h2.M_logo_text{
    font-size: 20px;
    margin:0px;
}
于 2013-04-27T05:02:21.053 に答える