XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme and template troubleshooting 
  4.  / Border around images
Register
1
evylrat
Border around images

  • 2005/3/6 2:07

  • evylrat

  • Not too shy to talk

  • Posts: 164

  • Since: 2004/2/25


<a href="http://www.cheshair.com/modules/xcgal/thumbnails.php?album=100"><img align="left" hspace="10" border="1" alt="Click here to see the photographs" src="http://www.cheshair.com/uploads/img41b34e1e3529c.jpg">a>All the new faces this month!  Thank you all for coming to the pub, we hope we'll see you again in January.  New month, new car for Dale.  In fact, new cars all round; Andy arrived in his Bay and James showed off his T25 (we hope the bug gets better).
Photos from December's meeting are <A href="/modules/xcgal/thumbnails.php?album=100">hereA>.


This is a snippet from a news article. You can see that I'm trying to add a border around the image. It doesn't work. I've tried adding
Quote:
.itemText img {margin-right: 10px; margin-left: 10px; border: 1; }
into the theme css. Doesn't work.

I noticed that border is disabled in xoops.css, but I can't turn that on because links then have a blue border.
2
jdseymour
Re: Border around images

That is because the image settings are in the theme's style.css. CSS overrides html code.

Now just a word from experience. If you make the changes in style.css, it is going to effect every image on the page.

A better idea is to edit the template. Add a new css class and then add the class to you style.css file.

HTH.
3
evylrat
Re: Border around images

  • 2005/3/6 2:34

  • evylrat

  • Not too shy to talk

  • Posts: 164

  • Since: 2004/2/25


Cheers, I'll try somethink like in this thread
4
JasonMR
Re: Border around images

  • 2005/3/6 2:51

  • JasonMR

  • Just can't stay away

  • Posts: 655

  • Since: 2004/6/21


Another option would be, to create a class you assign with images you place into newsarticles.

Something like this...
img.StyledImage
{
 your settings...
}


and...
news item bla <a href="link2"><img src="here.jpg" class="StyledImage">....


This should work, as you are no longer using a general rule, but a specific.

HTH
5
DobePhat
Re: Border around images

  • 2005/3/6 2:54

  • DobePhat

  • Friend of XOOPS

  • Posts: 656

  • Since: 2003/4/15


while you may be looking for a site wide way to accomplish this, I find that simply adding whitespace to such images helps. ie:simply add 3px (etc) to the canvas side of the image that is wrapped by text.

Of course it does sound like that is not the solution you are looking for, but if you get frusterated try it.

DOH!
just re-read the post, my solution is stupid. Sorry!
6
evylrat
Re: Border around images

  • 2005/3/6 12:49

  • evylrat

  • Not too shy to talk

  • Posts: 164

  • Since: 2004/2/25


Quote:

DobePhat wrote:
while you may be looking for a site wide way to accomplish this, I find that simply adding whitespace to such images helps. ie:simply add 3px (etc) to the canvas side of the image that is wrapped by text.

Of course it does sound like that is not the solution you are looking for, but if you get frusterated try it.

DOH!
just re-read the post, my solution is stupid. Sorry!

I had noticed that on other sites. I want to keep my options open. I'm still trying to come up with a new theme for the site and I'm always changin my mind. Styles are the way to go. Will give it a try.

Thanks JasonMR

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

328 user(s) are online (281 user(s) are browsing Support Forums)

Members: 0

Guests: 328

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits