A A A

Please consider registering
guest

Log In Register

Register | Lost password?
Advanced Search:

— Forum Scope —



— Match —



— Forum Options —




Wildcard usage:
*  matches any number of characters    %  matches exactly one character

Minimum search word length is 4 characters - maximum search word length is 84 characters

Topic RSS
Remove border from pinned icon
Feb 7, 2010
11:53 am
paulp
Guest

 

Hi All,

 

I'm trying to remove the border from around the pinned icon ( as seen on http://www.campsites-in-wales……-about-it/ ) however cant seem to remove it.

 

Also on http://www.campsites-in-wales……site-news/ the locked icon has been given a white background with inline css, could someone please advise how this is removed.

 

Thanks

Feb 7, 2010
1:15 pm
Member
Forum Posts: 535
Member Since:
Jun 15, 2009
Offline

In the camping.css on line 488 you have:

#sforum .sfforumtable .sfrowstatus td {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(small-status.png) repeat scroll 0 0;
    height:16px;
    margin:0;
    min-width:16px;
    padding:0;
}

The background image is applying the border that you are seeing, so if you don't want it then delete that line.

Can't see a problem with the locked icon?

Techie TalkCheck out Techie Talk – James (aka Luffer)
Feb 7, 2010
1:25 pm

SP Master
Forum Posts: 23587
Member Since:
Dec 10, 2006
Offline

its not a border… its the actual image… in camping.css, line 448… the small-status.png is a square box… you can try removing the use of that background image…

Feb 7, 2010
1:48 pm
paulp
Guest

Hi Both, thanks for the replys.

 

It's not the image that has the border, if you right click it and view image the border isn't there, also if i view the element in firebug there is a inline style beeing applied to the image as per screenshot below, it's that inline style that I need to remove.

 

Screen Shot

Feb 7, 2010
1:55 pm

SP Master
Forum Posts: 23587
Member Since:
Dec 10, 2006
Offline
Feb 7, 2010
1:55 pm
Member
Forum Posts: 535
Member Since:
Jun 15, 2009
Offline

I don't see any inline styling in firebug on the pinned icon. But removing the background image on the td element as described above removes the border.

The border isn't on the pinned icon, it's the background image of the table element. So you won't see a border when you view just the pin icon.

Have I missed something here Steve?

Techie TalkCheck out Techie Talk – James (aka Luffer)
Feb 7, 2010
1:56 pm

SP Master
Forum Posts: 23587
Member Since:
Dec 10, 2006
Offline

nope – you got it…

Feb 7, 2010
2:07 pm
paulp
Guest

Ahhhh appologies guys,

 

The inline style being added was because I had the outline eliment activated from the webdeveloper toolbar Embarassed

 

How soft do I feel lol.

 

Thanks alot Laugh

Feb 7, 2010
2:08 pm

SP Master
Forum Posts: 23587
Member Since:
Dec 10, 2006
Offline

no worries… enjoy!

Forum Timezone: America/Chicago

Most Users Ever Online: 444

Currently Online:
59 Guest(s)

Currently Browsing this Page:
1 Guest(s)

See All Online Activity

Top Posters:

-Radio-: 1251

Lee H: 606

Luffer: 535

Conrad_Farlow: 485

jim: 478

neon: 263

ovizii: 240

Tal: 240

Member Stats:

Guest Posters: 2616

Members: 7328

Moderators: 1

Admins: 2

Forum Stats:

Groups: 5

Forums: 16

Topics: 10839

Posts: 79131

Moderators: Brandon C (158)

Administrators: Yellow Swordfish (22131), Mr Papa (23587)