Hi,

I cannot get rid of the Border around my "menu icon" image. I have looked and changed heaps of things but it still apears after refresh.

Each of my subpages are listed in a menu in the left pane (not main menu).

Can somone tell me the class or an easy way to stop Borders around images???

I thought it might be this calss MainMenu_MenuIcon in the Style Sheet?

Is there a submenu_menuIcon class.?

I have checked through all the css for the site.

Hello,

Have you checked the skinning toolkit:
http://www.skinningtoolkit.com/tabi...fault.aspx

It appears from here that you are right with the MainMenu_MenuIcon class, are you aware that you have to override the settings coming from the default.css file?

Eg.
.MainMenu_MenuIcon {
    border: 0;
}

If this doesn't help, do you have a URL?

Thank Lee, I gave it a try, no luck Im afraid. I deleted every style sheet, and the borders were still there? It is like they are a live link or something. I just cannot work out what is causing it. I tried border 0 and text-decoration none

I am building the site local, here is a screenshot of the problem:

http://img149.imageshack.us/my.php?image=borderssitete2.jpg

Here is a paste of the Browser output source:

http://rafb.net/paste/results/pxzzKk57.html

Any ideas, spent hours on this and cant seem to squash it.

Hello,

Well, the image provides a few more clues. - You are using the inventua side menu here not the SolPartMenu so the CSS classes for styling this will be completely different.

I could do with viewing all of the HTML code from your site rather than the first extract as this just covers the SolpartMenu not the Inventua menu, but you could try this:

a img {
border: 0
}

This will remove any borders from images that are inside an a tag - ie. a linked image

Lee, Your a Champion. That did the trick. I popped it on the top part of my skin.css and bing, fixed.

Thanks alot for your help.

great, good to hear it's sorted!