HighDots Forums  

Border images a:hover

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Border images a:hover in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Annemie
 
Posts: n/a

Default Border images a:hover - 08-03-2007 , 04:47 AM






Hi,

See http://www.naturistart.eu/test/test-1.html

The borders of the image in left-colum will give orange color by
a:hover see script

a.test:link img { border: 2px solid #FFFFFF; }
a.test:visited img { border: 2px solid #FFFFFF; }
a.test:hover img { border: 2px solid #F04704; }
a.test:focus img { border: 2px solid #F04704; }
a.test:active img { border: 2px solid #FFFFFF; }

It works great in IE 7.0 but not in IE6.0. (In the past it did in
IE6.0 but inside <table>).

What is "a.test:focus img" about?

All in the colums:

#column1 {
width: 260px;
height: 710px;
background: #FFFFFF;
float: left;
border-right: 1px dotted #000000;
margin: 5px 5px 0 0;
}

What do I wrong???

Regards
Loek


Reply With Quote
  #2  
Old   
dorayme
 
Posts: n/a

Default Re: Border images a:hover - 08-03-2007 , 05:34 AM






In article
<1186134443.069214.207490 (AT) 22g2000hsm (DOT) googlegroups.com>,
Annemie <loek (AT) sportjefit (DOT) nl> wrote:

Quote:
Hi,

See http://www.naturistart.eu/test/test-1.html

The borders of the image in left-colum will give orange color by
a:hover see script

a.test:link img { border: 2px solid #FFFFFF; }
a.test:visited img { border: 2px solid #FFFFFF; }
.....

Take a look at

http://www.satzansatz.de/cssd/pseudocss.html

--
dorayme


Reply With Quote
  #3  
Old   
Annemie
 
Posts: n/a

Default Re: Border images a:hover - 08-03-2007 , 12:51 PM



On 3 aug, 12:34, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:
Quote:
In article
1186134443.069214.207... (AT) 22g2000hsm (DOT) googlegroups.com>,

Annemie <l... (AT) sportjefit (DOT) nl> wrote:
Hi,

Seehttp://www.naturistart.eu/test/test-1.html

The borders of the image in left-colum will give orange color by
a:hover see script

a.test:link img { border: 2px solid #FFFFFF; }
a.test:visited img { border: 2px solid #FFFFFF; }

....

Take a look at

http://www.satzansatz.de/cssd/pseudocss.html

--
dorayme
Thanks, it gives the solution.

Regards
Loek



Reply With Quote
Reply




Thread Tools
Display Modes

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 On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.