Photo problem! Weird blue borders!
-
Hi all,
As of late, whenever I crop photos to 250 x 250 and place them next to one another, a weird blue border appears at the bottom of each when you run your mouse over them or click on them. Any ideas how to remedy this?
You can see an example at the link provided below..the two smaller photos of the Milano cookies placed next to each other about mid entry. The ones where the caption below the photo reads…’plain Milanos and Black Sesame white chocolate-Matcha Milanos),
http://lisamichele.wordpress.com/2009/07/27/milanos-or-mallomars-no-need-to-run-to-the-supermarket/Thanks in advance,
LisaThe blog I need help with is: (visible only to logged in users)
-
That is a weird blue border. Normally I would say the border appears because the thumbnail is linking to a bigger image. But the strange thing is that it does not appear under the other images, only on this one. And all have border = 0…beats me. BTW, it does not show in IE or FF, only in Opera, Chrome and Safari.
-
Thanks, husdal, but it shows in iE 8.0 for me, and when I sent one of them to Tastespotting, they rejected it due to the ‘border’. I can’t see it unless I run my mouse over it, so no idea how they saw it without looking at my page!
-
Even weirder…my IE8 does not show it. I cannot see anything wrong in your CSS/HTML either, although I’m not an expert. On a side note, I do suggest that you name your images better, eg. if it is a ‘Milano, vanilla cookies filled with dark chocolate’ call it ‘milano-vanilla-chocolate-filling.jpg’ or similar, not just ‘img5556.jpg’ or whatever. Your images are indexed by Google just like the rest of your blog, and people do search for images, and an image with a proper name is more likely to appear in search results than one without, thus bringing you more visitors. Just a tip.
-
husdal, this is indeed weird! That said, thanks for the tip on renaming my photos! I uploaded them to the wordpress servers, so can I change the names in the photo editor?
-
-
While this preferably should be done before uploading, you can still edit the title and the caption (which will be used as ‘title’ and ‘alt’ tags respectively). Still better than nothing.
-
(My previous post obviously refers to your original complaint, not your last question.)
Husdal’s suggestion to use more characteristic names is good for another reason too – see here:
https://en.forums.wordpress.com/topic/problems-with-loading-of-images?replies=11#post-308305 -
Thanks, hus and panaghiotisadam. Thing is, I want those separate photos cetered, so using ‘none’ is the onlly way I can achieve that..I think. Unless I just collage them and upload the collage centered?
Also, thanks for that link :) -
-
Setting the alignment to none is no good for centering: none means leftaligned but with no text wrap. You only think your images are centered, because of their width; if you insert smaller ones you’ll see they aren’t.
Try my suggestion to change the alignment to left. If you don’t like the result, then try this (that’s the real way to center a pair of images):
<table align="center" border="0"> <tr><td>IMAGE1_CODE_HERE</td><td>IMAGE2_CODE_HERE</td></tr> </table> -
-
-
Put the code into the html editor where you want the pictures to be.
Where it says,”IMAGE1_CODE_HERE” insert your image. -
- The topic ‘Photo problem! Weird blue borders!’ is closed to new replies.