Jagst3r15 Posted October 28, 2011 ID:489513 Share Posted October 28, 2011 This is a really random question. I play aoe3 and frequent the agecommunity.com forums. The buttons (I use google chrome) on the forums (i.e. the previous and next. see http://forum.agecommunity.com/forums/thread/473224.aspx) are busted unless you used compatability view. I have been trying to figure out how one would fix that (so i can tell the site admin to fix it) but cant figure it out.Yes I know this is random, but anyone know how you would fix em? Link to post Share on other sites More sharing options...
GT500 Posted October 28, 2011 ID:489516 Share Posted October 28, 2011 Are you looking to fix the fact that the button doesn't display right, or the fact that there is a server error when you click the button? Link to post Share on other sites More sharing options...
Jagst3r15 Posted October 28, 2011 Author ID:489518 Share Posted October 28, 2011 hmm I think that was just a bad example since that one is completely out of wack. check this one (I am just trying to figure out why only half of the button displays)...http://forum.agecommunity.com/forums/thread/942281.aspx Link to post Share on other sites More sharing options...
Root Admin AdvancedSetup Posted October 28, 2011 Root Admin ID:489520 Share Posted October 28, 2011 It is more than likely do to his CSS layout file. The buttons are there but the full image is not shown.."stylesheet" href="/Themes/default/style/Common.css" Link to post Share on other sites More sharing options...
Jagst3r15 Posted October 28, 2011 Author ID:489523 Share Posted October 28, 2011 woot found it using trusty google inspect element. Go to inspect element for the previous or next then look in the right hand corner of the google element ui, uncheck display: inline-block; and it goes back to normal. Is this a perm fix or will it bust in other browsers? And what is the inline-block thing? Link to post Share on other sites More sharing options...
GT500 Posted October 28, 2011 ID:489543 Share Posted October 28, 2011 I had actually typed up a reply explaining what was wrong and how to fix it earlier, but had accidentally closed that browser window and lot it all. Simply stated, the image is 27 pixels tall, and whoever wrote the CSS is using padding-bottom and padding-top for the height of the image. They have those set to 10px and 3px, which is 13 pixels total. They just need to fix that in their CSS file (which Ron already mentioned), so that together the padding-bottom and padding-top both add up to 27. Edit: as for why they did this, I cannot say. I know of no reason to set the values smaller than the image size in the CSS, and as far as I know it would display incorrectly in all web browsers with the current values (or at least anything with a standards-compliance similar to or better than IE7). Link to post Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now