WordPress.org

1. Wendel Brume
   Member
   Posted 2 years ago #

   I'm trying to implement a MooTools Slideshow plugin that will show a different slideshow in every post. I need custom DIVs for each post and I tried inserting a stylesheet directly in the post itself without success. WordPress is wrapping everything in paragraph tags even though I've wrapped everything in code tags.

   If I could just get the DIVs to show up, I'd be most of the way there. Here's the stylesheet and the calls for the DIVS as I have them in the post:

   <code><style type="text/css">
   
   #a1 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
   float: left;
   }
   
   #a2 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
   }
   
   #a3 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
   }
   
   #a4 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
   }
   
   #a5 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
   }
   
   #a6 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
   }
   </style>
   <div id="a1">
   <div id="a2">
   <div id="a3">
   <div id="a4">
   <div id="a5">
   <div id="a6">
   </code>

   Here's what the view source looks like:

   <p><code><br />
   <style type="text/css">
   <p>#a1 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
   float: left;
   }</p>
   <p>#a2 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
   }</p>
   <p>#a3 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
   }</p>
   <p>#a4 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
   }</p>
   <p>#a5 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
   }</p>
   <p>#a6 {
   width: 384px;
   height: 216px;
   background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
   }
   
   </style>
   <div id="a1">
   <div id="a2">
   <div id="a3">
   <div id="a4">
   <div id="a5">
   <div id="a6">
   </code></p>

2. Wendel Brume
   Member
   Posted 2 years ago #

   Also, there used to be a setting to tell WordPress to leave your HTML alone. Has that been moved or deleted?

Topic Closed

This topic has been closed to new replies.