Serendipity Forums

Hi all ... I have a problem when the agregator grab the input from RSS when I have images formated inside:

The source is :


And I want to get the same view inside my post. The image is not right align like the source ... I cant find where to correct this.



Thx for the help.

Aggregators have their own stylesheets because RSS feeds are made up of XML with no style info, but this doesn't prevent you from emulating the look and feel on your blog. However, looking at the images, may I ask, are you using the media manager to insert images into your posts or are you using the img button?

The media manager will automatically format your image so that text wraps around it like in your aggregator, but you need to select the correct image alignment (the middle one), then depending on the stylesheet for your template your image will also have different padding or margins and borders around it.

Hope this helps, but if not, could you post a link to your blog so we could see how your template is formatting images, then we'll be able to make specific recommendations.

Carl

Here is a page I have not format myself ( only get by the agregator )


The style.css I use


I dont want to format every post where I have a pics inside. Its possible to auto format img to have Left or Right properties like in the WYSIWYG ?

If I make change to img in my css all images into my website change. I want to apply this only inte the entries...

Thx !

Hi Chief,

The entries where your image isn't aligned the way you want them to be includes a definition list, so you need to make sure that the img is styled only when it appears inside your list. I notice on your page that one of the images seems to partially work, in that it is aligned on the left hand side, and this image appears within the <dd>, whereas all of the images at the top of your list appears within the <dt>

Start by editing your imglist styles so that Hopefully that should work for you, and then you can add whatever other styling you want

Very weird. Since you provided a URL, I went and looked at the page and viewed source.

The unformatted page is using a Definition List for formatting. Highly unusual: it's old HTML, mostly forgotten, and not very cross-browser compatible. If you can figure out where it's getting set, you might want to revise it.

Meanwhile, it does give us both CSS classes and tags that allow us to get specific. To affect only the images in these entries, you could use: Or even Unless I'm mistaken, neither will select images elsewhere on your site.

Yep its work now .. I have to try some something for the text alignment but overall its good.

I have a question, where you see <dt> and <dl> in the code ?

I know a good css tutorial somewhere ? I really want to learn that stuff but I see only partial method in my search.

Can you look Here to see why my text dont go at the left side when I have a pics in ?

all other text is aligned on the left but when I have a pics in its, use the margin of the pics to aling the text.

Thx for the help..

I saw the dt and dl tags when I looked at your unformatted page using View Source in FireFox. It's likely part of your template.

I'm not so sure about tutorials; when I was learning, I just Googled for "CSS Tutorial" and used the one that fit my style. Carl may have a stronger opinion on that.

Using SlayerOffice's MODI, I found that the entries without images were just text inside a div, while the ones with images are definitions (dl, dt, dd tags) inside the div. The text is the dd, so you could probably include "dd {margin-left: 0px; padding-left:0px;}" to get rid of the extra margin.