Gantry image padding
-
-
- imagine4D
- Hero Rocketeer
- Posts: 409
- Thanks: 1
- Project developer
-
Since this applies to multiple templates, I thought to post it here:
I have played around with a few Gantry templates now. One of the main things that puzzles me about Gantry templates is that image padding (for example, in html I often use hpsace="5" vspace="5") does not seem to work.
Attached is in image, and here is a link: www.ameson.org/elite-student-programs
Questions:
1. Why does image padding not work in Gantry templates?
2. How can I adjust this, so that the padding does work?
Thank you.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
instead of
<img src="/images/stories/nantonghs.jpg" hspace="5" align="left" vspace="5" alt="">
I would use classes and css
<img class="left-pic" src="/images/stories/nantonghs.jpg" alt="cool-pic">
and add to your css:
.left-pic {margin-right: 5px;margin-bottom: 5px;}
.right-pic {margin-left: 5px;margin-bottom: 5px;}
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
and don't forget
www.w3schools.com/tags/att_img_hspace.asp
-
-
-
- imagine4D
- Hero Rocketeer
- Posts: 409
- Thanks: 1
- Project developer
-
Henning wrote:
Thanks a lot Henning, you have upgraded my personal knowledge base, cheers!
-
-
-
- Rich Bean
- Elite Rocketeer
- Posts: 1194
- Thanks: 1
-
Also, Since most new templates include an "rt-image" class you can set your margin in there too.
Now if I can get Henning to to help me out with my size over rides I'd be set! Any ideas?
- My Sites:
Perth Website Design
Scuba Marketing
I'm a Henning Stalker!
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Richard,
infact thats is the one reason I never used Rokstories seriously.
Displaying the big picture in the blog layout is a "no go" for me.
Worst if you have 2 or more columns ...
I prefer Roktabs at the moment. I can play with classes and elements so I can
have the image as background pics (image-replacement via css for spans just as an example) and change size and source depending if they show up in a .roktab or a .rt-blog context ...
Even that is absolutely unpractical. Missing context-aware-imageresizing is one of the big drawbacks in the Joomla-framework. K2 and Zoo can help but I dont like both ...
For me Rokstories is like a "Robot" great if you like it as it is but too much automatism in the whole thing if you want to change things.
Edit:
If somebody looks into this.
Arifin found a practical way:
www.rockettheme.com/forum/index.php?f=21..._v=viewtopic#p526645
Another direction would be to use Nonumbers extension Rereplacer ...
-
-
-
- imagine4D
- Hero Rocketeer
- Posts: 409
- Thanks: 1
- Project developer
-
Henning wrote:
instead of
<img src="/images/stories/nantonghs.jpg" hspace="5" align="left" vspace="5" alt="">
I would use classes and css
<img class="left-pic" src="/images/stories/nantonghs.jpg" alt="cool-pic">
and add to your css:
.left-pic {margin-right: 5px;margin-bottom: 5px;}
.right-pic {margin-left: 5px;margin-bottom: 5px;}
Many months later, I still don't understand why this is needed. So first, I need to manually add a padding class to my template.ss.
Then, I have to manually add an image class (ie class="left-pic") in html mode.
Is that right? I have plenty of writers grumbling about this.
Thanks in advance for advice on how to make this as easy as possible, for typical writers who don't know html basics, would make my job a lot easier!
-
Time to create page: 0.053 seconds