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:

enter image description here

(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

Popular posts from this blog

plot - Remove Objects from Legend When You Have Also Used Fit, Matlab -

java - Why does my date parsing return a weird date? -

Need help in packaging app using TideSDK on Windows -