-
1. Re: CSS styling problem
John Waller Apr 3, 2011 5:58 PM (in response to onefiftymph)1) SpryAssets/SpryCollapsiblePanel.css
Either remove position:relative or remove left: 50%
.CollapsiblePanelContent {
margin:0 0 0 1px;
padding:0;
float:left;
position:relative;
left:50%;
top:1px;
}2) Which images do you mean in the top gray header?
-
2. Re: CSS styling problem
onefiftymph Apr 3, 2011 9:42 PM (in response to John Waller)Thanks for the reply John
Not sure about how you mean what you're stating...
The CSS for the current CollapsiblePanelContent (http://96.0.181.107/stylingproblem/SpryAssets/SpryCollapsiblePanel.css)
is:
.CollapsiblePanelContent {
margin: 0px;
padding: 0px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: inset;
border-top-width: 1px;
background-color: #FFF;
}
Unsure where you got the code in your post
Anyway, I swapped the code from your post with the above - with the change noted - either way, nada..
But thanks for trying to help me.
The 2 images not aligning correctly in the gray header are:
logo-header_200x41.jpg and hdr-login-search_539x41.jpg
-
3. Re: CSS styling problem
John Waller Apr 3, 2011 10:00 PM (in response to onefiftymph)Unsure where you got the code in your post
Sorry, my mistake.It's here
http://96.0.181.107/stylingproblem/dropdownmenu.css
The 2 images not aligning correctly in the gray header are:
logo-header_200x41.jpg and hdr-login-search_539x41.jpg
The 10px top margin on the generic img CSS rule
img {
margin:10px 0 5px;
}in http://96.0.181.107/stylingproblem/screen.css
is pushing those images down.
Best to add a rule to your CSS (anywhere after the generic img CSS rule) targetting those images alone which zeroes out that top margin.
e.g.
#containerHeader img {
margin: 0 0 5px;
}
-
4. Re: CSS styling problem
onefiftymph Apr 4, 2011 12:32 PM (in response to John Waller)Awesome.. thanks so much!


