why is my custom css3 / html catalog not displaying correctly?
-
I’m experimenting with code for a flippable catalog that works fine in JSfiddle. There is no JS involved.
You can run it here to see what it does:
http://jsfiddle.net/alibey/bLfje0fk/1/
I copied the CSS to the WP CSS editor and the HTML to a post (I also tried it on a page).
The result is only partially correct.
see http://needlepointlandstore.wordpress.com/2014/08/23/pure-css-catalog/
As you can, the catalog is not displaying correctly in WP’s <div class=”entry-content”> bucket, and there are many format errors relating to WP objects such as comments etc
Another side effect is that it has now disabled my menu bar and the list of menu items
It has also disabled my ability to return to the home page by clicked on my custom headerWhy is this happening, and how do I fix it?
I would really appreciate your help, many thx in advance for your (prompt, if possible) consideration of this urgent matter.
The blog I need help with is: (visible only to logged in users)
-
one idea: could this have anything to do with vendor prefixes?
typo above: “As you can, the catalog is not displaying ” should be “as you can see…”
by the way…. the css has almost completely hosed my site. :-( for example, the images on the slider / featured posts are not long visible or clickable
so i would really appreciate a fast answer (if at all possible) in order to up and running again. i am leaving in the css because i need to be able to have a flippable catalog on my blog, even though the site is now unusable. this is particularly true since the WP image gallery with Pictorico does not display correctly (missing cells issue that I have already flagged to WP.)
-
I tried using the HTML5 scoped attribute to fix this problem and your preprocessor strips it out. It might have been a quick fix to have this level of control over CSS, as specified/approved in the W3 standard. Too bad it’s only supported by Firefox.
-
I have isolated the problem to the CSS for HTLM a tag
here is the problem code — if commented out (see DEBUG below), the rest of the css is fine in terms of the header, menu bar, etc
however the catalog does not display correctly
/* DEBUG
a {
display: block;
position: absolute;
margin: -2000px 0 0 0;
z-index: 3;
-webkit-transition-property: margin;
-webkit-transition-duration: .01s;
}
*/
so there is something about this CSS that is screwing up the rest of the site – thus causing the catalog to be positioned incorrectly on the pageit looks like i am about to delve into negativce
-
-
I check on via URL not thru my id and saw this
“Contents of this topic are hidden until it has been reviewed by a staff member.”
any idea when a staff member will review this? I really would appreciate some technically sophisticated feedback.
thx.
-
Hi there,
I see that you’ve also posted about this in the CSS Customization forum:
https://en.forums.wordpress.com/topic/css3html-and-wp-page-flipping-catalog
That’s the best place to get CSS help from expert staff and volunteers. If you aren’t able to resolve it there, you can also request additional help here: Request Theme Customization
Please let me know if you have any questions about that. :)
-
actual i believe that was an earlier post re simple card flipping that i got to work and closed the thread as a result. i can demo this if any one is interested. i have to run to a biz meeting, so cannot check now exactly. it sounds like i have to figure the more sophisticated catalog code for myself!
-
thank you for taking the time to acknowledge the query. upon review i found that indeed this was the same piece of code that I had questions about a week or so agoi. i did initially have it up in the css area, but then after no response whatsoever, moved it to the staff answer forum in the hopes of obtaining some expert help or guidance as to why this code works on jsfiddle but not wp, even tho it makes no use of js. since that help is apparently not forthcoming, I am closing the thread and will take a different approach to solving this problem– even though knowing how to implement configurable CCS/HTML only catalogs have IMHO the potential to be a huge learning tool for the WP community at large, not to mention providing valuable functionality that is currently absent.
- The topic ‘why is my custom css3 / html catalog not displaying correctly?’ is closed to new replies.
WordPress.com Forums 