EmailDiscussions.com  

Go Back   EmailDiscussions.com > Email Service Provider-specific Forums > FastMail Forum
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
Stay in touch wirelessly

FastMail Forum All posts relating to FastMail.FM should go here: suggestions, comments, requests for help, complaints, technical issues etc.

Reply
 
Thread Tools
Old 7 Jun 2011, 01:31 PM   #1
jmeister
Junior Member
 
Join Date: Jun 2011
Posts: 3
Gallery CSS

Hi Folks,
Hopefully this is an easy question - can anyone offer a css to remove the thick white border around gallery images?

I've tried

img {
border:none;
}


But doesn't seem to change anything.

Thanks
jmeister is offline   Reply With Quote

Old 7 Jun 2011, 04:53 PM   #2
rabarberski
Master of the @
 
Join Date: Nov 2006
Location: Ghent, Belgium
Posts: 1,027
I am not sure where the CSS for photo galleries should be put (the gallery doesn't seem to import the tweaks.css file).

Anyway, setting the css border property will probably not work, as the border and shadow seems to be created by padding of different elements with appropriate colors.

Replacing the .shadow img {padding:5px} in Firebug with .shadow img {padding:0px} does get rid of the white border though.
rabarberski is offline   Reply With Quote
Old 7 Jun 2011, 05:33 PM   #3
jmeister
Junior Member
 
Join Date: Jun 2011
Posts: 3
Thanks for your swift reply mate.
I tried changing the css as you suggested using img.shadow thus:

img.shadow {
padding: 0px;
}


But still no change. Looking at the HTML behind the page it seems to reference a shadow class as:

<a class="shadow" href="?imagepage=Boat%20.jpg">

I'm putting the css file in the album directory as specified in the FM help pages and the page loads the css file as:

<link rel="stylesheet" type="text/css" href="photogallery.css" />

<script type="text/javascript" src="http://www.fastmail.fm/photogallery/js/photogallery.js?20193"></script>


Any clues? not sure how firebug works; I was just hand editing the css file using dreamweaver.
Much thanks for your time.
jmeister is offline   Reply With Quote
Old 7 Jun 2011, 05:50 PM   #4
jmeister
Junior Member
 
Join Date: Jun 2011
Posts: 3
Ah ah OK so it's obvious I'm stumbling through the CSS theory as we go

I noted in the FM source code it uses A rather than IMG so i changed the CSS thus:

a.shadow {
border: 0px;
padding: 0px;
}


And works great on the main grid page but none of the others i.e all the single images still come up with big white border.
jmeister is offline   Reply With Quote
Old 7 Jun 2011, 07:43 PM   #5
rabarberski
Master of the @
 
Join Date: Nov 2006
Location: Ghent, Belgium
Posts: 1,027
Quote:
Originally Posted by jmeister View Post
And works great on the main grid page but none of the others i.e all the single images still come up with big white border.
Strange, when I put only my code (.shadow img {padding:0px}) in the photogallery.css file, both the grid and the single page have the white border removed from around the photos
rabarberski is offline   Reply With Quote
Old 8 Jun 2011, 02:16 PM   #6
Sherry
 Moderator 
 
Join Date: Dec 2002
Location: USA
Posts: 8,687
Quote:
Originally Posted by jmeister View Post
img.shadow {
padding: 0px;
}
jmeister, I don't know much about css but, if you put what it shows here, it's a little different than what rabarberski put. His has the .shadow first, not img

rabarberski's
(.shadow img {padding:0px})

Sherry
Sherry is offline   Reply With Quote
Reply


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Forum Jump


All times are GMT +9. The time now is 09:31 PM.

 

Copyright EmailDiscussions.com 1998-2022. All Rights Reserved. Privacy Policy