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