0

そして; 私はこれをコードとして持っています:

<header>
    <a href="index.html"><img id="logo" src="img/logo.png" alt="Fin Palais"/></a>
    <a id="menu" href="#"><img id="menu" src="img/menu_mobile.png"></a></div>
</header>

そしてこれは私のCSSです:

header{
    display: table;
    overflow: hidden;
    width: 100%;
    height: 104;
    padding-top: 10px;
    background-image:img/header_bg.png;
    background-image: url(img/header_bg.png);
    background-repeat: repeat-x;
    position: fixed;
    left: 0px;
    top: 0px;
    text-align: center;
}
header img#logo{
    height: 94px;
    position: absolute;
    margin: auto 0;
}
header a#menu{
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #4f0000;
    box-shadow: inset 0 0 5px rgba(0,0,0,.75);
    display: block;
    float: right;
    padding: 7px;
}
header a#menu:hover{
    background-color: #850101;
}
header a#menu img{

}

ここにありますjsfiddle

だから私が欲しいのは、中央を動かさずに<a #menu>内側を垂直に中央に配置することです。そうすれば、テーブルをハックしたり、絶対に配置したりするためにdivを追加することはできません。それは正しく浮かんでいる必要があり、ページ内の他のものに影響を与えてはなりません!どうもありがとう!:)<header><img #logo>

4

1 に答える 1

1

これでセンターに行くという問題が解決することを願っています

header a#menu{
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #4f0000;
    box-shadow: inset 0 0 5px rgba(0,0,0,.75);
    padding: 7px;
    position:absolute
}
于 2012-09-28T07:58:37.937 に答える