There was a DP guy who designed my page but now has disappeared, and I need CSS help. Only the top half of my buttons are showing on my webpage, which I believe is a CSS problem. Can anybody help? TIA CSS Code:
Yeah, I'd disappear too if I wrote CSS like that. PX metric font declaration on body, px metric fonts on EVERYTHING, no reset requiring constantly dicking with margin, padding and border, fixed widths on elements that probably don't need it, etc, etc... Do you have the HTML that goes with that? CSS without the HTML it's being applied to is pretty much meaningless gibberish. A URL to the site in question would help even more. If you don't feel like sharing it publicly, feel free to PM it to me and I'll take a look. Also is this not rendering the whole button issue present in all browsers, or just one? ... like say... IE? It's possible your problem could be fixed by something as simple as a 'haslayout' trigger - but without the markup we've got nothing to test that on.
I agree with deathshadow ..can u give me the html file on which you are applying this CSS .so that i can understand it more clearly.without Html its impossible to rectify the errors in css ..
Sure, here it is www.charleslloydfitness.com or http://blog.charleslloydfitness.com they both use the same WP theme I appreciate the both of your help. Its not rendering on any browser that I have checked, IE, FF, GC I doubt Opera is any better. TIA
Uhg, turdpress... and with that aweber rubbish to boot. Looking at it though, I'm not certain what you mean by bottom half of buttons - Oh, wait, it's in that sidebar that looks like an off-site advertisement... ooh, that's bad marketing; I almost ignored that element as an advert. The problem would therin NOT be in the CSS you listed, but that rubbish aWeber form's inlined CSS. Let's see, the element that's miss-behaving, the subscribe button has this for markup: <div class="af-element buttonContainer"> <input name="submit" class="submit" type="submit" value="Subscribe "/> <div class="af-clear"></div> Code (markup): ... which I'm not even certain how that's making the appearance you have there, but am fairly certain that's the wrong way to go about it. What's chopping it off seems to be a line-height and/or font-size issue, though I cannot be 100% certain given the total train wreck that the markup and CSS for that form is. Adding this: .af-body .submit { line-height:16px; !important;} Kind-of helped, at least making the button show it's whole text - but really my advice for the markup of that ENTIRE website is to pitch it in the trash and start over - Yes, it's that bad.