PHoward188 Posted June 16, 2012 Share Posted June 16, 2012 Hi I have some css3 and html5 that shows some text on a notepad with pages behind see http://www.sich.co.uk/learning/index.html. When this is put into my wordpresshomepage it does not work.The problem appears to be with the z-index and should be solved by putting in a high z-index no in the article.notepad however if I do this on the test page or in wordpress site it fails. So even in the test code as soon as I put a z-index: 2; in article for instance it fails. Take it out and it works perfectly.I have been banging my head against a brick wall on this one. Any help form all you WordPress, CSS3 & html5 gurus would be appreciated. I have included the source html and then the CSS. it is exactly the same code in the wordpress site. Any thoughts would be appreciated.StumpedPaul index.html stylenotepad.css Link to comment Share on other sites More sharing options...
niche Posted June 16, 2012 Share Posted June 16, 2012 (edited) There's a lot of nested divs above the notepad class. There's probably something that being inherited from one of the higher level divs. Remove the css for the divs above the notepad class then re-insert them sequentially and you'll probably find the problem. Then check back if you need to. Edited June 16, 2012 by niche Link to comment Share on other sites More sharing options...
PHoward188 Posted June 16, 2012 Author Share Posted June 16, 2012 In the WordPress site yes, but in the test code http://www.sich.co.u...ning/index.html there is nothing. Try adding z-index:2; to the article.notepad and youll see the problem Link to comment Share on other sites More sharing options...
niche Posted June 16, 2012 Share Posted June 16, 2012 What's wrong with the test code? I thought it's what you want. Link to comment Share on other sites More sharing options...
PHoward188 Posted June 16, 2012 Author Share Posted June 16, 2012 the test code fails as well as soon as you insert a z-index statement in the article.notepad css Link to comment Share on other sites More sharing options...
niche Posted June 16, 2012 Share Posted June 16, 2012 (edited) Please confirm that the test code in the OP displays correctly without the z-index. If so, the problem may be the positioning. There's no float. Edited June 16, 2012 by niche Link to comment Share on other sites More sharing options...
PHoward188 Posted June 17, 2012 Author Share Posted June 17, 2012 (edited) Hi Niche Yes that is correct the test code works fine without the z-index. Not sure what you mean by there's no float. However I inserted a float:inherit: , float: left; and even a float:none; none of them made a jot of difference. If that helps. It's a real weird one. Thanks Paul Edited June 17, 2012 by PHoward188 Link to comment 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