Back to YAP Forum
0

Line-height css removed for Small View

Hi all,

I'm using line-height and a background with an <a>. This styles fine in the Canvas but the small view has the line-height removed everytime. I've tried to enter it in a style block and inline with no luck. It also works fine when I view the code by itself in a browser.

Any ideas?

My simple code is below:

CODE
<style type="text/css">
	#myhome-yahoo-wrapper{margin: 0 auto;}
	#myhome-yahoo{position:relative;width:385px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}
	#myhome-yahoo img{border:medium none;}
	#myhome-yahoo a#residential{background:url("http://www.bjmarine.net/yahoo/homepage/button-sprite.png") no-repeat scroll 0 0 transparent;top:125px;}
	#myhome-yahoo a#lettings{background:url("http://www.bjmarine.net/yahoo/homepage/button-sprite.png") no-repeat scroll 0 -90px transparent;top:185px;}
	#myhome-yahoo a#residential:hover{background-position:0 -44px;}
	#myhome-yahoo a#lettings:hover{background-position:0 -134px;}
	#myhome-yahoo a#residential,#myhome-yahoo a#lettings{color:#FFFFFF;display:block;font-size:18px;font-weight:900;height:45px;[u][b]line-height:44px;[/b][/u]padding-left:3px;position:absolute;text-align:center;text-decoration:none;width:119px;left:20px;}
</style>
<div id="myhome-yahoo-wrapper">
	<div id="myhome-yahoo">
		<img src="http://www.bjmarine.net/yahoo/homepage/myhome-yahoo-bg.jpg?v=1.1" />
		<a href="http://www.myhome.ie/residential/search" id="residential" style="[u][b]line-height:44px;[/b][/u]">For Sale</a>
		<a href="http://www.myhome.ie/lettings/search" id="lettings" style="[u][b]line-height:44px;[/b][/u]">To Rent</a>
		<a href="http://www.myhome.ie/" id="myhome-logo-link"><img src="http://www.bjmarine.net/yahoo/homepage/myhome-yahoo-logo.gif?v=1.1" alt="MyHome.ie Logo" title="MyHome.ie Logo" /></a>
	</div>
</div>

by
Report Abuse
7 Replies
  • Also, my app link is http://apps.yahoo.com/-3EP2eX4g

    It looks fine here but when it's in small view the text on the links jump up without the line-height. I know I can go about this with positioning but I'm wondering why it's removing line-height?

    Thanks
    Denis
    Report Abuse
    0
  • I have the same problem.

    a few more strange things:
    in small view i have no line-height
    when i load fullview from small view line-height is there
    when i link from fullview to another fullview page using the <yml:a view="YahooFullView" params="whatever" replace="mydivname">link text</yml:a> the line-height is not there

    very strange and annoying...

    andre
    Report Abuse
    0
  • Anyone have a solution for this? Is Yahoo monitoring this forum??

    I also see the add positioned top and left instead of centred, anyone else?

    Regards,
    Denis
    Report Abuse
    0
  • Checking on this issue now. The small view of an application runs a more restricted code filter so it's entirely possible that there's a discrepancy between the small and expanded views. This should just take a little bit to verify.

    Jonathan LeBlanc
    Technology Evangelist
    Yahoo! Developer Network
    Twitter: @jcleblanc
    Report Abuse
    0
  • Thanks for reporting this - I've verified this issue and have filed a bug to have the new style added in. This should be added to the bug queue in one of our future releases but in the short term it won't be available unfortunately.

    - Jon
    Report Abuse
    0
  • QUOTE (drepster @ Apr 23 2010, 02:41 AM) <{POST_SNAPBACK}>
    I have the same problem.

    a few more strange things:
    in small view i have no line-height
    when i load fullview from small view line-height is there
    when i link from fullview to another fullview page using the <yml:a view="YahooFullView" params="whatever" replace="mydivname">link text</yml:a> the line-height is not there

    very strange and annoying...

    andre

    Hi Denis! I see the EXACT same thing!! ANYONE come up w/ ANY solutions?!?
    Report Abuse
    0
  • The bug has been resolved and will roll out in the next platform release.

    - Jon
    Report Abuse
    0
Ask a Question

Recent Posts

in YAP