html - Setting a text right to a pic which both link to a same page in the middle of the pic -
in mobile theme of site there shall picture text right both link parent menu. however, can't adjust text height (it should in center of picture height text appears @ bottom of picture, see pictures:
(left current, right should be)
my current files:
in html:
<div id="topbar"> //<div id="title">Über</div> //<div id="bluerightbutton"><a href="/m/language.html">more</a></div> <div id="leftnav"><a href="/m/de/futuristic-os">futuristicos</a></div> </div>
and css:
#leftnav a:before{content:url("../images/leftback.png");} #leftnav a:first-child{z-index:2; padding-bottom: 50%; width:auto} #leftnav a{z-index:3;margin-left:-4px;border-width:0 5px 0 13px;padding-right:4px;float:left}
in css, set line-height
of text value of height image. should vertically center on image.
see fiddle: http://jsfiddle.net/gyatesiii/cld4t/1/
Comments
Post a Comment