img rendering changes with alignment attributes

• 

  cutrell · Member · Mar 20, 2009 at 3:50 am

  • Copy link
  • Add topic to favorites

  (This is a somewhat-altered x-posting from the general support forum.)

  We’ve been prepping a blog for the better part of a week and we’re running into a weird problem with the Redoable Lite theme.
  The problem has to do with how images are presented with and w/o alignment attributes specified in the HTML, and we can’t figure out what in the CSS of the theme is driving this so we can alter it accordingly. The blog we’re primarily working on is http://pauserewind.wordpress.com. For this one we’ve edited the style sheet somewhat but we’re still having this problem. Interestingly, the problem shows up in the base, unedited theme. Here’s an example post demonstrating the issue:

  Test post 1

  What I’m trying to understand is why images with no alignment specified are somehow getting rendered with the dotted lines associated with HREFs (i.e, there is a dotted line under the image that changes color on hover, whether there’s an HREF associated with that image or not).

  Here’s the HTML for the two images at the top:

  <p><img style=”display: inline” title=”Cat1″ alt=”Cat1″ src=”$Cat1_thumb[2].jpg” width=”156″ height=”240″ /> </p>

  <p><img style=”display: inline” title=”Cat1″ alt=”Cat1″ align=”left” src=”$Cat1_thumb[4].jpg” width=”156″ height=”240″ /></p>

  I’ve been hacking on the CSS and viewing the page with various tools for several days and I can’t figure out why adding an align attribute (e.g, align=”left”) would affect this.

  Does anyone have any idea what’s going on here?

  Any thoughts?

  The blog I need help with is: (visible only to logged in users)

• 

  aw1923 · Member · Mar 20, 2009 at 5:04 am

  • Copy link

  If you replace your “.entry-content a:hover” class with

  .entry-content a:hover {
  color:#99CC00;
  border-bottom:none;
  text-decoration:none;
  }

  then the border, but this also means that links within your post will not have the dotted line that shows up when you hover. There probably are ways to differential between the none align images and links within the posts but I haven’t been able to figure it out. So, whatever you change in the above class will change the appearance of links within the post. I hope this is what you were talking about.