How to remove image border

[schimanke]

Ah, okay. It was the browser cache... Thanks again, Garvin!

[yellowled]

I've never addressed this, does anyone know what it takes, and if it even works?

This may sound very simple, but if it worked before (I still don't think so.), inline styles in the RSS feed only should do the trick. However, I have no idea whether and how this is possible, nor do I know whether this is okay with the RSS spec.

YL

[Don Chambers]

I do think this RSS-Feed thing actually is an issue. It should look as intended in the feeds as well, so we somehow will need to get the CSS styling into the RSS feed. I've never addressed this, does anyone know what it takes, and if it even works?

HTML is escaped in the XML feeds... some browsers might be smart enough to figure out that <img style="float: left; blah blah"> means <img style="float: left; blah blah">.

[garvinhicking]

Hi!

We can't add inline styles in the RSS feed only, because we insert those styles inside the entry body; so it's unconditional there.

What we would need is a way to reference the CSS inside the RSS feed. Maybe a <style...>@import</style> block inside the entrybody?

Anyone here who'd like to do some testing with this and how it displays in RSS readers?

Regards,
Garvin

[yellowled]

What we would need is a way to reference the CSS inside the RSS feed.

I think we can trust Frank Bueltge on this, although he's using the wrong blog engine.

Code: Select all

<?xml-stylesheet href="rss.css" type="text/css"?>

http://bueltge.de/wp-rssfeed-mit-css-gestallten/148/ (German only, sorry.)

YL

[garvinhicking]

Hi!

Hm, maybe this only only affect the rendering of the XML inside the browser, instead of the feed contents inside a feed reader.

Anyhow...I don't have the time to testdrive this. Anyone here up for the challenge?

Regards,
Garvin

[ju]

I have a related problem. I always used to change

Code: Select all

style="float: left; border: 0px none; padding-left: 5px; padding-right: 5px;"

to

Code: Select all

style="float: left; border: 0px none; padding-left: 0px; padding-right: 10px;"

to have a clean line on the left and a little more space between the image and the text on the right side of it. That was easy to do, when style still was in the editor.

So, I guess, one possible solution would be to change serendipity_editor.js back to the old behaviour, als Garvin suggested. The other solution would be to change the css - but where and what? I am using bulletproof (blue) and I have no experience whatever with css.

[ju]

I had fixed my above mentioned problem somehow (unfortunately don't remember how), but after an upgrade in January I have had the same problem again for some weeks.

The thumbnails don't really fit into the layout because they don't align on the left and there is too little space between image and text. When I look into the HTML source there is no padding or anything else I could change to obtain the result I want. The code looks like:

<p> <a class="serendipity_image_link" title="PPRI" href="/uploads/20110322-catholics-marriage.png" target="_blank"><!-- s9ymdb:381 --><img width="91" height="110" class="serendipity_image_left" src="/uploads/20110322-catholics-marriage.serendipityThumb.png" title="(c) PPRI" alt="Haltung zur Ehe für gleichgeschlechtliche Paare nach Konfessionen" />

Which are the templates, css or whatever to insert padding? I'm using the Bullet Proof blue template.

//edit, update: ok, grep found this in style.css:

Code: Select all

/*** s9y image manager ***/
.serendipity_image_center {
    display: block;
    margin: 0 auto;
    padding: 0 5px;
}
.serendipity_image_left {
    padding: 0 5px 0 0!important;
}

.serendipity_image_right {
    padding: 0 0 0 5px!important;
}

I guess, it's not a good idea to edit this directly in style.css - can I overrule it somehow in my own stylesheet? And I am also not sure about the meaning of the digits (padding: 0 5px 0!important;) - when the image is on the left, left padding should be zero, right padding should be 10px.

[yellowled]

I had fixed my above mentioned problem somehow

Erm ... did you reply in the correct thread? I can see not relation to the earlier thread posts?

The thumbnails don't really fit into the layout because they don't align on the left and there is too little space between image and text.

Please provide a URL to the blog if possible so we can see for ourselves.

When I look into the HTML source there is no padding or anything else I could change to obtain the result I want.

padding and similar stuff should be defined via CSS nowadays.

I guess, it's not a good idea to edit this directly in style.css - can I overrule it somehow in my own stylesheet? And I am also not sure about the meaning of the digits (padding: 0 5px 0!important;) - when the image is on the left, left padding should be zero, right padding should be 10px.

Yes, you can. Check the BP theme options for using a user stylesheet, set it to yes, create your own user.css and start editing. The style.css uses the shorthand notation for padding here.

YL