On Mouse Over To Highlight A Picture

[tkobrien]

Before all the changes were made, I was able to use the following code:

.smborderdown {
border: thin solid #630460;
}
.smborder {
border: thin solid #630460;
}

to change the border color around a picture when the mouse was put over it. Now this code doesn't work and I am left with that ugly green border when I put the mouse over a picture. Does anyone know the code that will work for this now.

Thanks

Tim

[Mike Lane]

Before all the changes were made, I was able to use the following code:

.smborderdown {
border: thin solid #630460;
}
.smborder {
border: thin solid #630460;
}

to change the border color around a picture when the mouse was put over it. Now this code doesn't work and I am left with that ugly green border when I put the mouse over a picture. Does anyone know the code that will work for this now.

Thanks

Tim
.imgBorder

.imgBorderOn

[{JT}]

Try this:

.smborderdown, .imgborderOn {
border: thin solid #630460;
}
.smborder, .imgBorder {
border: thin solid #630460;
}

Before all the changes were made, I was able to use the following code:

.smborderdown {
border: thin solid #630460;
}
.smborder {
border: thin solid #630460;
}

to change the border color around a picture when the mouse was put over it. Now this code doesn't work and I am left with that ugly green border when I put the mouse over a picture. Does anyone know the code that will work for this now.

Thanks

Tim

[Mike Lane]

Try this:

.smborderdown, .imgborderOn {
border: thin solid #630460;
}
.smborder, .imgBorder {
border: thin solid #630460;
}
We still have .smborder and .smborderdown somewhere?

[bwg]

keyword search results.

http://dgrin.com/images/smilies/pillepalle.gif

We still have .smborder and .smborderdown somewhere?

[Mike Lane]

keyword search results.

http://dgrin.com/images/smilies/pillepalle.gif
:dunno

[tkobrien]

.imgBorder

.imgBorderOn

Hi,

I used the following code:

.imgBorderOn { border: #630460;
}

and it worked fine in IE. I then opened the page up in firefox and the code didn't work. Do you have any suggestions so the code works both in IE and firefox.

Thanks

Tim

[Barb]

Hi,

I used the following code:

.imgBorderOn { border: #630460;
}

and it worked fine in IE. I then opened the page up in firefox and the code didn't work. Do you have any suggestions so the code works both in IE and firefox.

Thanks

TimThis is the code I use and it works fine in Firefox and in IE:

.imgBorder {
border: 0px solid #FFFFFF;
margin: 0px;
}
.imgBorderOn {
border: 1px dashed #1963AA;
margin: 0px;
}

[flyingdutchie]

Before all the changes were made, I was able to use the following code:

.smborderdown {
border: thin solid #630460;
}
.smborder {
border: thin solid #630460;
}

to change the border color around a picture when the mouse was put over it. Now this code doesn't work and I am left with that ugly green border when I put the mouse over a picture. Does anyone know the code that will work for this now.

Thanks

Tim
I use this and it de-presses the picture a little when you hover your mouse-cursor over it:

.imgBorder {
border-color: transparent;
position: relative;
top: 0px;
left: 0px;
}

.imgBorderOn {
position: relative;
border-color: #659ACE; /* or any other color you like */
top: 1px;
left: 1px;
}

-- Anton.

[tkobrien]

I use this and it de-presses the picture a little when you hover your mouse-cursor over it:

.imgBorder {
border-color: transparent;
position: relative;
top: 0px;
left: 0px;
}

.imgBorderOn {
position: relative;
border-color: #659ACE; /* or any other color you like */
top: 1px;
left: 1px;
}

-- Anton.
Thanks to all for your suggestions. The code finally works in all browsers.

Tim
http://kariandtim.smugmug.com