> ------------------------------
>
> Message: 7
> Date: Mon, 14 Sep 2009 09:34:58 -0400
> From: Sandy <sfeld...@sympatico.ca>
> Subject:
> To: CSS discuss <css-d@lists.css-discuss.org>
> Message-ID: <blu0-smtp76ea013546cbeaf8da8896ab...@phx.gbl>
> Content-Type: text/plain; charset=ISO-8859-1; format=flowed
>
>
> hey all,
>
> I am working on a page which has a search box which I have added styles
> to, which have an unintended effect that I hope you can help me get rid
> of.
>
> I am trying to get the search box and the submit button to be the same
> height and have ended up with a couple of little jiggles on mouse over.
> The search box loses the padding I added, and the submit button shifts
> a
> few pixels to the right.
>
> http://sandyfeldman.com/glaucomaresearch/4test1.html
>
> here are the style sheets (only 4test1.css should effect the search
> box)
> http://sandyfeldman.com/glaucomaresearch/js_css/4test1.css
> http://sandyfeldman.com/glaucomaresearch/js_css/ytplayer.css
> http://sandyfeldman.com/glaucomaresearch/js_css/ie6-hacks.css
> http://sandyfeldman.com/glaucomaresearch/js_css/ie7-hacks.css
>
> How can I get rid of this jiggle? And is there any way to get the
> submit
> button to have the same mouse over effects as the donate button?
>
> thanks!
> Sandy
>
[HallMarc Websites]
Your bounce is caused by these two styles in ytplayer.css
input {
color : #fff;
background-color : #700000;
border : solid 1px #fff;
margin-left : 0;
margin-right : -.4em; <-------------
padding : 0;
padding-left : 7px;
padding-right : 7px;
}
input:hover, input:focus, input:active {
color : #700000;
background-color : #fff;
border : solid 1px #700000;
margin-left : 0;
margin-right : -.3em; <-----------------
padding : 0;
padding-left : 7px;
padding-right : 7px;
}
I'm sure this has a use somewhere somehow. Didn't do a thorough scouring to
see where these styles are intended.
__________ Information from ESET Smart Security, version of virus signature
database 4425 (20090914) __________
The message was checked by ESET Smart Security.
http://www.eset.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
