borders of image links wrong colors in IE

30/06/2008, 23h17

I have set the various colors for links in Page Properties (this affects any
linked text and the borders of any images that link). There are various shades
of gold and grey applied for Link Color, Visited Links, Active Links, etc.

These colors display correctly for any linked text in all browsers and
platforms (IE, Firefox and Safari on Mac and Windows). The border colors on
any Linked images work as well, in all browsers EXCEPT Internet Explorer for
Windows, where the Active and Visited link borders change to cyan and magenta.

How to I get IE to recognize my preferred link colors on borders? I know it
can be done. I've seen it elsewhere.

Here is a link to the page I'm working on:

http://www.grandviewart.com/PhyllisK.../DrewTest.html

Thanks!

30/06/2008, 23h51

Use CSS (inline example). Place this between <head> and </head> tags in code
view.

<style type="text/css>
/* Image links */
a img {border: 2px solid #FFFFFF} /* This is image border; set to page
background color; white */
a:hover img {border: 2px solid #EFAB08} /*this is the highlight color;
gold*/
a:active img, a:focus img {border: 2px solid #EFAB08}

/* Text links */
a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #EFAB08} /* mouse over link */
a:active, a:focus {color: #EFAB08} /* selected link */
</style

To with color choices, here's a color chart:
www.//alt-web.com/HexColorChart.shtml

--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

"grape jan" <webforumsuser@macromedia.com> wrote in message
news:g4bm14$ldm$1@forums.macromedia.com...
> I have set the various colors for links in Page Properties (this affects
any
> linked text and the borders of any images that link). There are various
shades
> of gold and grey applied for Link Color, Visited Links, Active Links, etc.
>
> These colors display correctly for any linked text in all browsers and
> platforms (IE, Firefox and Safari on Mac and Windows). The border colors
on
> any Linked images work as well, in all browsers EXCEPT Internet Explorer
for
> Windows, where the Active and Visited link borders change to cyan and
magenta.
>
> How to I get IE to recognize my preferred link colors on borders? I know
it
> can be done. I've seen it elsewhere.
>
> Here is a link to the page I'm working on:
>
> http://www.grandviewart.com/PhyllisK.../DrewTest.html
>
> Thanks!
>
>

01/07/2008, 13h59

thanks -- that works great!

01/07/2008, 14h19

unfortunately, it also affects the navigation menu at the top, adding a border I don't want there...

suggestions?

01/07/2008, 17h27

Remove the borders from your menu by placing it inside it's own div with "a
img" borders set to none.

CSS:
#menu a img {borders:none}

HTML:
<div id="menu">
menu stuff goes here
</div>

--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

"grape jan" <webforumsuser@macromedia.com> wrote in message
news:g4datn$hap$1@forums.macromedia.com...
> unfortunately, it also affects the navigation menu at the top, adding a
border I don't want there...
>
> suggestions?

02/07/2008, 02h30

do I have to repeat that entire CSS code within the 'div', and just change the
'border: 2' to 'border: 0' ? :

<style type="text/css>
/* Image links */
a img {border: 0px solid #FFFFFF} /* This is image border; set to page
background color; white */
a:hover img {border: 2px solid #EFAB08} /*this is the highlight color;
gold*/
a:active img, a:focus img {border: 2px solid #EFAB08}
</style

is there an easier way in DW?

(thanks, btw)

02/07/2008, 03h07

wait -- looks like I figured out your instructions. After I put the table that
holds the menu in it's own 'div', naming it 'menu', I went up to the CSS code
you gave me earlier and added '#menu a img {border:none}' (see code below).

(didn't work at first because it first said 'borders: none'. DW browser check
caught it and I changed it to 'border: none' -- no 's' -- and lo and behold! )

that's right Nancy: MAKE me learn my HTML!

thank you thank you (uploaded the working sample again to that same link
above)

/* Image links */
a img {border: 2px solid #FFFFFF} /* This is image border; set to page
background color; white */
a:hover img {border: 2px solid #EFAB08} /*this is the highlight color;
gold*/
a:active img, a:focus img {border: 2px solid #EFAB08}
#menu a img {border:none}

02/07/2008, 12h34

> that's right Nancy: MAKE me learn my HTML!

Actually, this is CSS, and it's something that DW expects you to know!

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"grape jan" <webforumsuser@macromedia.com> wrote in message
news:g4entp$684$1@forums.macromedia.com...
> wait -- looks like I figured out your instructions. After I put the table
> that
> holds the menu in it's own 'div', naming it 'menu', I went up to the CSS
> code
> you gave me earlier and added '#menu a img {border:none}' (see code
> below).
>
> (didn't work at first because it first said 'borders: none'. DW browser
> check
> caught it and I changed it to 'border: none' -- no 's' -- and lo and
> behold! )
>
> that's right Nancy: MAKE me learn my HTML!

>
> thank you thank you (uploaded the working sample again to that same link
> above)
>
>
> /* Image links */
> a img {border: 2px solid #FFFFFF} /* This is image border; set to page
> background color; white */
> a:hover img {border: 2px solid #EFAB08} /*this is the highlight color;
> gold*/
> a:active img, a:focus img {border: 2px solid #EFAB08}
> #menu a img {border:none}
>

02/07/2008, 14h07

I'll have to find a tutorial. on that and on javascript. I know I'm doing a lot of things the hard way with plain html.

30/06/2008, 23h17	#1
grape jan Messages: n/a Hébergeur:	borders of image links wrong colors in IE I have set the various colors for links in Page Properties (this affects any linked text and the borders of any images that link). There are various shades of gold and grey applied for Link Color, Visited Links, Active Links, etc. These colors display correctly for any linked text in all browsers and platforms (IE, Firefox and Safari on Mac and Windows). The border colors on any Linked images work as well, in all browsers EXCEPT Internet Explorer for Windows, where the Active and Visited link borders change to cyan and magenta. How to I get IE to recognize my preferred link colors on borders? I know it can be done. I've seen it elsewhere. Here is a link to the page I'm working on: http://www.grandviewart.com/PhyllisK.../DrewTest.html Thanks!

30/06/2008, 23h51	#2
Nancy O Messages: n/a Hébergeur:	Re: borders of image links wrong colors in IE Use CSS (inline example). Place this between <head> and </head> tags in code view. <style type="text/css> /* Image links / a img {border: 2px solid #FFFFFF} / This is image border; set to page background color; white / a:hover img {border: 2px solid #EFAB08} /this is the highlight color; gold/ a:active img, a:focus img {border: 2px solid #EFAB08} / Text links / a:link {color: #FF0000} / unvisited link / a:visited {color: #00FF00} / visited link / a:hover {color: #EFAB08} / mouse over link / a:active, a:focus {color: #EFAB08} / selected link */ </style To with color choices, here's a color chart: www.//alt-web.com/HexColorChart.shtml --Nancy O. Alt-Web Design & Publishing www.alt-web.com "grape jan" <webforumsuser@macromedia.com> wrote in message news:g4bm14$ldm$1@forums.macromedia.com... > I have set the various colors for links in Page Properties (this affects any > linked text and the borders of any images that link). There are various shades > of gold and grey applied for Link Color, Visited Links, Active Links, etc. > > These colors display correctly for any linked text in all browsers and > platforms (IE, Firefox and Safari on Mac and Windows). The border colors on > any Linked images work as well, in all browsers EXCEPT Internet Explorer for > Windows, where the Active and Visited link borders change to cyan and magenta. > > How to I get IE to recognize my preferred link colors on borders? I know it > can be done. I've seen it elsewhere. > > Here is a link to the page I'm working on: > > http://www.grandviewart.com/PhyllisK.../DrewTest.html > > Thanks! > >

01/07/2008, 13h59	#3
grape jan Messages: n/a Hébergeur:	Re: borders of image links wrong colors in IE thanks -- that works great!

01/07/2008, 14h19	#4
grape jan Messages: n/a Hébergeur:	Re: borders of image links wrong colors in IE unfortunately, it also affects the navigation menu at the top, adding a border I don't want there... suggestions?

01/07/2008, 17h27	#5
Nancy O Messages: n/a Hébergeur:	Re: borders of image links wrong colors in IE Remove the borders from your menu by placing it inside it's own div with "a img" borders set to none. CSS: #menu a img {borders:none} HTML: <div id="menu"> menu stuff goes here </div> --Nancy O. Alt-Web Design & Publishing www.alt-web.com "grape jan" <webforumsuser@macromedia.com> wrote in message news:g4datn$hap$1@forums.macromedia.com... > unfortunately, it also affects the navigation menu at the top, adding a border I don't want there... > > suggestions?

02/07/2008, 02h30	#6
grape jan Messages: n/a Hébergeur:	Re: borders of image links wrong colors in IE do I have to repeat that entire CSS code within the 'div', and just change the 'border: 2' to 'border: 0' ? : <style type="text/css> /* Image links / a img {border: 0px solid #FFFFFF} / This is image border; set to page background color; white / a:hover img {border: 2px solid #EFAB08} /this is the highlight color; gold*/ a:active img, a:focus img {border: 2px solid #EFAB08} </style is there an easier way in DW? (thanks, btw)

02/07/2008, 03h07	#7
grape jan Messages: n/a Hébergeur:	Re: borders of image links wrong colors in IE wait -- looks like I figured out your instructions. After I put the table that holds the menu in it's own 'div', naming it 'menu', I went up to the CSS code you gave me earlier and added '#menu a img {border:none}' (see code below). (didn't work at first because it first said 'borders: none'. DW browser check caught it and I changed it to 'border: none' -- no 's' -- and lo and behold! ) that's right Nancy: MAKE me learn my HTML! thank you thank you (uploaded the working sample again to that same link above) /* Image links / a img {border: 2px solid #FFFFFF} / This is image border; set to page background color; white / a:hover img {border: 2px solid #EFAB08} /this is the highlight color; gold*/ a:active img, a:focus img {border: 2px solid #EFAB08} #menu a img {border:none}

02/07/2008, 12h34	#8
Murray ACE Messages: n/a Hébergeur:	Re: borders of image links wrong colors in IE > that's right Nancy: MAKE me learn my HTML! Actually, this is CSS, and it's something that DW expects you to know! -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "grape jan" <webforumsuser@macromedia.com> wrote in message news:g4entp$684$1@forums.macromedia.com... > wait -- looks like I figured out your instructions. After I put the table > that > holds the menu in it's own 'div', naming it 'menu', I went up to the CSS > code > you gave me earlier and added '#menu a img {border:none}' (see code > below). > > (didn't work at first because it first said 'borders: none'. DW browser > check > caught it and I changed it to 'border: none' -- no 's' -- and lo and > behold! ) > > that's right Nancy: MAKE me learn my HTML! > > thank you thank you (uploaded the working sample again to that same link > above) > > > /* Image links / > a img {border: 2px solid #FFFFFF} / This is image border; set to page > background color; white / > a:hover img {border: 2px solid #EFAB08} /this is the highlight color; > gold*/ > a:active img, a:focus img {border: 2px solid #EFAB08} > #menu a img {border:none} >

02/07/2008, 14h07	#9
grape jan Messages: n/a Hébergeur:	Re: borders of image links wrong colors in IE I'll have to find a tutorial. on that and on javascript. I know I'm doing a lot of things the hard way with plain html.

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email