Re: [css-d] mouse over styles on search box
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 : #70;
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 : #70;
background-color : #fff;
border : solid 1px #70;
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.
http://sandyfeldman.com/glaucomaresearch/
thanks a million! It's all sorted out now.
best regards,
Sandy
__
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/
[css-d] mouse over styles on search box
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 __ 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/
Re: [css-d] mouse over styles on search box
On Sep 14, 2009, at 10:34 PM, Sandy wrote:
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
In 4test1.css you set a padding-top (4px) on input.c3
in ytplayer.css you remove that padding-top
input:hover, input:focus, input:active {
/* ... */
padding : 0;
padding-left : 7px;
padding-right : 7px;
}
Philippe
---
Philippe Wittenbergh
http://l-c-n.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/
Re: [css-d] mouse over styles on search box
--
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 : #70;
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 : #70;
background-color : #fff;
border : solid 1px #70;
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/
