0

境界線を削除しようとしていますが、できません。ボーダー: なし、ボーダースタイル: なし; border-width:0px または境界線の定義がありません。ヘッダーにこれらすべてを試しましたが、試すたびにdivがシフトします。

ボーダー:なし

そして、これはボーダー（任意のスタイル）でどのように見えるかです

ここに画像の説明を入力

そして、これらは 2. 状況の残りの css コードと html コードです。CSS:

body{
top:0px;
text-align:center;
background-color:#F3F3F3;
margin:0px;
}

div#baslik{
top:0px;
width:800px;
height:230px;
border-style:solid;
margin-left:auto;
margin-right:auto;
background-image:url('/gorsel/baslik.jpg');
}

div#siteler{
text-align:right;
height:55px;
width:800px;
padding-bottom:5px;
bottom:0px;
margin-top:195px;
padding-right:30px;
}

a:visited,a:link.siteler{
padding-right:10px;
padding-left:10px;
}

img:hover.siteler{
-moz-box-shadow:0px 0px 10px #FFF;
-webkit-box-shadow:0px 0px 10px #FFF;
box-shadow:0px 0px 10px #FFF;
}

img.siteler{
width:30px;
height:30px;
}

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>BAŞLIK</title>
    <link rel='stylesheet' type='text/css' href='tema.css'>
    <meta http-equiv='Content-Type' content='text/HTML; charset=utf-8' />
    <link rel='shortcut icon' href='/gorsel/favicon.ico' type='image/x-icon' />
</head>
<body>
    <div id='baslik'>
        <div id='siteler'>
            <a class='siteler' href=#><img class='siteler' src='/gorsel/facebook.jpg'></a>
            <a class='siteler' href=#><img class='siteler' src='/gorsel/rss.jpg'></a>
            <a class='siteler' href=#><img class='siteler' src='/gorsel/twitter.jpg'></a>
            <a class='siteler' href=#><img class='siteler' src='/gorsel/planetminecraft.jpg'></a>
            <a class='siteler' href=#><img class='siteler' src='/gorsel/youtube.jpg'></a>
        </div>
    </div>
</body>
</html>
4

1 に答える 1

0

マージン崩壊です。上ボーダーまたは上パディングがある場合、内側#baslikの上マージンが含まれます。#siteler境界線またはパディングがマージンを分離していない場合、それらは両方をシフトする 1 つのマージンにマージされます。

これを防ぐには、 for を削除margin-top:195px;してfor#sitelerに置き換えることができます。height:230px;height:35px; padding-top: 195px#baslik

于 2013-07-12T00:00:27.830 に答える