0
I have a menu that poses the logo of the site as follows:
html:
<a href="#">
<img src="layout/img/logo.png" class="logo" />
</a>
css:
header div a img.logo{
top:50%;
transform:translateY(-50%);
position:relative;
float:left;
}
However, this way of positioning it does not work properly in all browsers, and before I decided to use this method of positioning, I wanted to position using vertical-align
. It is possible?
I liked your method, I tested it here and it worked, but... there’s a little problem the <a> tag was aligned right in the middle, but the <img> tag with the logo wasn’t in the middle, I tried to solve changing the display’s for others, but it didn’t work. : ( knows how to fix it? [link] (http://i.imgur.com/eJKz3Vx.png) here is the code on/)
– heromax