WordPress.org

1. xsta
   Member
   Posted 5 years ago #

   Just upgraded from 1.5.x to 2.1, and after this, I've been having some troubles with pictures. There's a 200px wide picture on the right side of every post (right in the beginning), placed with a div, but that doesn't show up any more in Firefox (both Mac & Win versions tested).

   It's probably because the code I've written, or the css I've written, is not 100% valid (:D), but I just can't get those working, despite trying hard. In Safari and Internet Explorer, those pictures do work.

   Here's the code of the post:

   <div class="entry">
   <div id="oikeakuva"><p><img src="http://snadiomena.net/graph.2007/shufflesome_intro.jpg" alt="kuva" /></div>
   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer molestie, enim sed auctor facilisis, erat ligula aliquam quam, sit amet pharetra arcu tellus auctor urna. Quisque tincidunt luctus diam. Quisque quis quam in arcu tincidunt venenatis. Aliquam ut diam. Phasellus ac nisi.</p>
   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer molestie, enim sed auctor facilisis, erat ligula aliquam quam, sit amet pharetra arcu tellus auctor urna. Quisque tincidunt luctus diam. Quisque quis quam in arcu tincidunt venenatis. Aliquam ut diam. Phasellus ac nisi. <a href="http://someurl.foo" class="more-link"></p>
   <p style="text-align: right; clear: both;">&raquo; Lue koko kirjoitus…</a></p>
   </div>

   ..and note that the extra "<p>" after "oikeakuva" div is not in the post itself, but has been put in there by wp (and wasn't visible in index.php of my theme).

   In the css file, this div has been defined as follows:

   #oikeakuva {
   	float:right;
   	margin: 0px 10px 6px 10px;
   	padding: 0px 0px 0px 0px;
   	border-width: 0px;
   	border-color: #cccccc;
   	border-style: solid
   	}

   So.. somebody tell me what's this all about? Tried to change the div type from id to class, but that didn't work either. Arrgh..

2. xsta
   Member
   Posted 5 years ago #

   Ok, the solution was to edit wp-includes/formatting.php, which contains it's own line to div-related formatting. There were an extra <p> tag, which was responsible of the pictures not showing (mainly because the tag wasn't closed after the div was closed).

   So if someone else has this problem, the solution is to change this:

   $pee = preg_replace( '|<p>(<div[^>]*>s*)|', "$1<p>", $pee );

   to this:

   $pee = preg_replace( '|<p>(<div[^>]*>s*)|', "$1", $pee );

3. Otto
   Tech Ninja
   Posted 5 years ago #

   This is a known issue and it has been fixed for future releases. There's a bug report about it on trac.

Topic Closed

This topic has been closed to new replies.