Joomla Templates Club 406,261 posts

[davebau Friend davebauJoin date: June 2006Posts: 14Downloads:0Uploads:3 Thanks: 5]

#139135

I’ve been trying to get this to work. It looks correct in the editor, but once it’s saved and published, it doesn’t.

See attachments.

http://www.livinghistorysites.com

---

Attachments:

1. 
2. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#295989

Try viewing it in Firefox compared to IE7. There is some padding being picked up in IE but not in FF

[davebau Friend davebauJoin date: June 2006Posts: 14Downloads:0Uploads:3 Thanks: 5]

#295992

I was viewing it in FF. That’s how I noticed my problem. Still doesn’t explain why or how to solve.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#295993

The reason the hspace is not working is because in line 79 of your template.css you have…

img {
margin:0;
padding:0;
}


Your image is rendered with…

<img hspace="18" height="400" border="0" align="left" width="300" title=" " alt="The FairField Inn" src="/images/stories/states/pennsylvania/fairfieldinn.jpg"/>

I would recommend…

<img style="float: left; padding-right: 8px; border: none;" height="400" width="300" title=" " alt="The FairField Inn" src="/images/stories/states/pennsylvania/fairfieldinn.jpg"/>

1 user says Thank You to scotty for this useful post

1. davebau

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#295994

It is because the hspace and vspace elements are not working

*edit – Scotty beat me to it, I was just about to post the code. Though I also believe hspace and vspave are now depreceated and should be avoided if possible.

1 user says Thank You to Phill for this useful post

1. davebau

[davebau Friend davebauJoin date: June 2006Posts: 14Downloads:0Uploads:3 Thanks: 5]

#295997

Thanks for the code. Now, since you have been so helpful…:D, All of the articles our jounalists have published have this same problem. I don’t want to have to explain to them that they need to edit code on every article they write going forward. Can I hard code the template.css file to make the horizontal spacing permanently set to 8px?

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#296023

Yup… add this to the end of your template.css…

div.article-content img {
margin: 0 8px;
}

This will add a margin of 8px to the left and right side of images posted inside articles. We’ll do it for both sides incase they align=right

[Author]

Posts