----- Original Message -----
From: "Wade Smart" <[email protected]>
Sent: Tuesday, December 16, 2008 2:25 PM
Subject: Re: [css-d] Roll over highlight
> Tony Kay wrote:
>> I am trying to set up a style that puts a 2 pixel border around a set
>> of images. Then when the image is rolled over, I want the border to be
>> 5 pixels. How is this done?
>>
>
> Wade wrote:
> a:hover { border: 5px solid;}
>
>
> Wade
Tony:
You may need to add some preemptive padding to prevent the images from
jumping when the extra border width is added, such as...
a {border: 2px solid; padding: 3px;}
a:hover {border: 5px solid; padding: 0;}
Just make sure you add appropriate 'hooks' so you are styling only the
desired elements.
Peter
www.fatpawdesign.com
developing in: WinXP/SP3 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data...
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/