![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
vanessagalore posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
style_systemQuestions about image padding problems in Transmogrified.
I'm working witharobynsung's beautiful layout, dustyfootphilospher. This is a very minor issue, and I have a workaround if there's no solution.
As you see on my main journal, this entry has some images that I've interspersed in my entry, using the following html:I've used this coding a lot in a couple other journals/layouts, and I know it works, for instance, here. Basically, I'm making the text flow around some 100x100 images, set either left or right at various points in the entry.
What's happening in my new layout is that the "vspace" and "hspace" portion of the html seems to be ignored (there's no padding around the image).
In my CSS, I found this:I tried replacing it with this: which kind of worked. See my dummy journal, where I replicated the entry. However, note that the userheads are now also taking up that padding that I added and look heinous. And on the dummy journal's recent entries view you see that the slick new cut text expander graphic is also skewed.
Arrgh.
I put images in my entries a lot, so I need to figure out a solution here. Is there a way to define the userheads and cut text graphic to get rid of the padding for them? Or I am putting this image padding in the wrong place in the CSS (i.e. if I put it somewhere else, will it just affect images inserted in the entries)? Or, is there just a simple error in my CSS that's making it ignore my vspace and hspace directives??
I did look thru old entries here for answers. This one helped me to figure out the ".entry .userpic img" modification I tried in the CSS.
Here's my entire CSS:Thanks in advance for any help or advice. Sorry if I'm missing an obvious solution.
I'm working with
arobynsung's beautiful layout, dustyfootphilospher. This is a very minor issue, and I have a workaround if there's no solution.As you see on my main journal, this entry has some images that I've interspersed in my entry, using the following html:I've used this coding a lot in a couple other journals/layouts, and I know it works, for instance, here. Basically, I'm making the text flow around some 100x100 images, set either left or right at various points in the entry.
What's happening in my new layout is that the "vspace" and "hspace" portion of the html seems to be ignored (there's no padding around the image).
In my CSS, I found this:I tried replacing it with this: which kind of worked. See my dummy journal, where I replicated the entry. However, note that the userheads are now also taking up that padding that I added and look heinous. And on the dummy journal's recent entries view you see that the slick new cut text expander graphic is also skewed.
Arrgh.
I put images in my entries a lot, so I need to figure out a solution here. Is there a way to define the userheads and cut text graphic to get rid of the padding for them? Or I am putting this image padding in the wrong place in the CSS (i.e. if I put it somewhere else, will it just affect images inserted in the entries)? Or, is there just a simple error in my CSS that's making it ignore my vspace and hspace directives??
I did look thru old entries here for answers. This one helped me to figure out the ".entry .userpic img" modification I tried in the CSS.
Here's my entire CSS:Thanks in advance for any help or advice. Sorry if I'm missing an obvious solution.
no subject
Date: 2010-10-26 06:17 am (UTC)What I do is provide the styling in the image code, for a left aligned image:
<img src="picsource.jpg" width=XX height=XX align="left" style="padding: 0 10px 5px 0;">
for a right aligned image:
<img src="picsource.jpg" width=XX height=XX align="right" style="padding: 0 0 5px 10px;">
If you'd rather just have your layout css deal with it, adding the following line to your test journal css will remove the padding on the cut image and userhead icons:
.cuttag img, .entry .ljuser img { padding: 0; }
no subject
Date: 2010-10-26 06:25 am (UTC)