http://kskdn.posterous.com
Whenever I post a linked image, or any image, they are displayed with a large (9px?) border around them and no padding. I thought that changing the img{border:0} in the head would fix this, but no luck. I ctrl+f'd through the theme's code, manipulating every border variable I could, but no luck. (the base theme was 'thunder'). Thanks in advance for the help, and thanks for providing the themes Cory.
Page 1 of 1
removing image borders
#2
Posted 07 March 2011 - 11:59 AM
The borders for images are part of a bunch of other styles to all sorts of embeds. If you want to get rid of them, here's the code to remove:
http://screenshots.w...080857_54Kb.png
Specifically, borders are added to images with the .posterousGalleryMainDiv and .inner img classes. But if you want to kill the embed borders for everything, it's safe to remove that entire chunk of code.
http://screenshots.w...080857_54Kb.png
Specifically, borders are added to images with the .posterousGalleryMainDiv and .inner img classes. But if you want to kill the embed borders for everything, it's safe to remove that entire chunk of code.
#3
Posted 07 March 2011 - 01:48 PM
Thanks, but I'm curious - how should I add padding to images if I comment that section out?
Also, in this test post, there's a linked image on the left, for which the html was :
If you look at the post, there's a clickable link (it's just a space) in between the words where I inserted the link. Any thoughts on how to make that disappear?
Also, in this test post, there's a linked image on the left, for which the html was :
(For those who are interested in theories of consciousness,<a href="http://www.amazon.com/Feeling-What-Happens-Emotion-Consciousness/dp/0156010755/ref=sr_1_1?ie=UTF8&qid=1299433584&sr=8-1"><img src="http://ecx.images-amazon.com/images/I/51L1UQ8uScL._SL160_PIsitb-sticker-arrow-dp,TopRight,12,-18_SH30_OU01_AA115_.jpg" alt="" align="left" /></a> I'd reccommend...
If you look at the post, there's a clickable link (it's just a space) in between the words where I inserted the link. Any thoughts on how to make that disappear?
#4
Posted 07 March 2011 - 03:03 PM
All links have that background treatment, even images. You could technically write a class like:
a img {background:none;}
that would segment out that background style for images that are linked.
a img {background:none;}
that would segment out that background style for images that are linked.
Share this topic:
Page 1 of 1

Help











