Re: [css-d] :after not working in FF or IE but fine in Chrome and Safari
Perfect - thanks so much!
This is my final code in case it might help anyone:
:after {
content: ;
background: url(images/build/tabs-home-balloons.jpg) right top no-repeat;
height: 115px;
position: absolute;
right: 30px;
top: -54px;
width: 123px;
}
--
Debbie
On 3/3/2015 10:55 AM, Ryan Reese wrote:
Apologies for the second message. Firefox does consider what you had to
be invalid CSS. Tested it to confirm.
However you'll probably also need to give width/height in your CSS to
allow dimensions for the balloons after you apply the fixes in my
previous e-mail.
I'm out! Sorry again.
On Tue, Mar 3, 2015 at 12:48 PM, Ryan Reese sportsdude.re...@gmail.com
mailto:sportsdude.re...@gmail.com wrote:
Why are you not just doing content:''; and then setting it as a
background image?
Content is not the same as a background image. It looks like you
meant this.
.responsive-tabs-wrapper:after {
content:'';
background: url(images/build/tabs-home-__balloons.jpg) right top
no-repeat;
position: absolute;
right: 30px;
top: -54px;
}
On Tue, Mar 3, 2015 at 12:46 PM, Philip Taylor p.tay...@rhul.ac.uk
mailto:p.tay...@rhul.ac.uk wrote:
Debbie Campbell wrote:
Don't know what I'm doing wrong here...
17 HTML errors would cause me to look at my HTML before
wondering why my CSS does not work as intended.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/__mailman/listinfo/css-d
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.__com/
http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/__policies.html
http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help___support_evolt/
http://www.evolt.org/help_support_evolt/
--
Ryan Reese
--
Ryan Reese
__
css-discuss [css-d@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] :after not working in FF or IE but fine in Chrome and Safari
Thanks for your answer, I'll get this fixed.
--
Debbie Campbell
Design/Web Development/WordPress
Red Kite Creative LLC
d...@redkitecreative.com
www.redkitecreative.com
(970) 372-2125
On 3/3/2015 10:55 AM, Ryan Reese wrote:
Apologies for the second message. Firefox does consider what you had to
be invalid CSS. Tested it to confirm.
However you'll probably also need to give width/height in your CSS to
allow dimensions for the balloons after you apply the fixes in my
previous e-mail.
I'm out! Sorry again.
On Tue, Mar 3, 2015 at 12:48 PM, Ryan Reese sportsdude.re...@gmail.com
mailto:sportsdude.re...@gmail.com wrote:
Why are you not just doing content:''; and then setting it as a
background image?
Content is not the same as a background image. It looks like you
meant this.
.responsive-tabs-wrapper:after {
content:'';
background: url(images/build/tabs-home-__balloons.jpg) right top
no-repeat;
position: absolute;
right: 30px;
top: -54px;
}
On Tue, Mar 3, 2015 at 12:46 PM, Philip Taylor p.tay...@rhul.ac.uk
mailto:p.tay...@rhul.ac.uk wrote:
Debbie Campbell wrote:
Don't know what I'm doing wrong here...
17 HTML errors would cause me to look at my HTML before
wondering why my CSS does not work as intended.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/__mailman/listinfo/css-d
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.__com/
http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/__policies.html
http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help___support_evolt/
http://www.evolt.org/help_support_evolt/
--
Ryan Reese
--
Ryan Reese
__
css-discuss [css-d@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] :after not working in FF or IE but fine in Chrome and Safari
Don't know what I'm doing wrong here...
In this page, if you scroll down to the tabs, there should be a balloon
image there at the top right of the tabset.
http://paramayatest.wpengine.com/
This is fine in Chrome and Safari, but no image shows in IE or FF.
This is the CSS:
.responsive-tabs-wrapper {
clear: both;
margin: 54px 0 10px;
overflow: visible;
position: relative;
zoom: 1;
}
.responsive-tabs-wrapper:after {
content: url(images/build/tabs-home-balloons.jpg) right top no-repeat;
position: absolute;
right: 30px;
top: -54px;
}
I've been looking at this for an hour... Please help?
--
Debbie Campbell
__
css-discuss [css-d@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] rendering of Open Sans on my project site vs. Typekit
Message: 15 Date: Wed, 31 Dec 2014 20:00:02 +0100 From: Peter H. li...@artworkers.net To: CSS-Discuss Discuss css-d@lists.css-discuss.org Subject: Re: [css-d] rendering of Open Sans on my project site vs. Typekit Message-ID: c1c5c33a-efff-458b-a9a4-eb4713614...@artworkers.net Content-Type: text/plain; charset=iso-8859-1 El 31/12/2014, a las 19:44, Debbie Campbell escribi?: Looking at the 700-weight (bold) Open Sans in the ul in this page (starting with Drill Pad Construction), can you see how the lowercase a's have the counter at the top filled in? I'm looking in Chrome, FF, IE11 on Windows 7: http://www.oilfield-construction.com/NEW_SWD/ If I look at this example on Typekit though, in the same browsers, the lowercase a counters never close up: https://typekit.com/fonts/open-sans I though it might be something in my normalize.css but disabling it doesn't change the appearance of the a's. Can someone point out what's wrong in my site? If screenshots would help please let me know. I don't see any difference with page at default 100% or zoomed to maximum, and the lowercase 'a' looks fine and correct. Mac 10.6.8, FF v34.0.8 and iPad with retina, iOS 7.1.2 Perhaps it's an OS or graphics rendering thang rather than a problem with your code. Peter H. Hmm - I'll buy that. It's Windows 7. But I don't see why looking at the Typekit site in the same browsers on the same machine gives a different result than looking at the website. -- Debbie __ css-discuss [css-d@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] rendering of Open Sans on my project site vs. Typekit
Message: 15 Date: Wed, 31 Dec 2014 20:00:02 +0100 From: Peter H. li...@artworkers.net To: CSS-Discuss Discuss css-d@lists.css-discuss.org Subject: Re: [css-d] rendering of Open Sans on my project site vs. Typekit Message-ID: c1c5c33a-efff-458b-a9a4-eb4713614...@artworkers.net Content-Type: text/plain; charset=iso-8859-1 El 31/12/2014, a las 19:44, Debbie Campbell escribi?: Looking at the 700-weight (bold) Open Sans in the ul in this page (starting with Drill Pad Construction), can you see how the lowercase a's have the counter at the top filled in? I'm looking in Chrome, FF, IE11 on Windows 7: http://www.oilfield-construction.com/NEW_SWD/ If I look at this example on Typekit though, in the same browsers, the lowercase a counters never close up: https://typekit.com/fonts/open-sans I though it might be something in my normalize.css but disabling it doesn't change the appearance of the a's. Can someone point out what's wrong in my site? If screenshots would help please let me know. I don't see any difference with page at default 100% or zoomed to maximum, and the lowercase 'a' looks fine and correct. Mac 10.6.8, FF v34.0.8 and iPad with retina, iOS 7.1.2 Perhaps it's an OS or graphics rendering thang rather than a problem with your code. Peter H. Here's what I'm seeing - both samples bold, both screenshots from Chrome on Win7. Even at a slightly smaller size the a's in the Typekit sample are much cleaner. http://www.oilfield-construction.com/NEW_SWD/wp-content/uploads/2015/01/fonts.jpg -- Debbie __ css-discuss [css-d@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] rendering of Open Sans on my project site vs. Typekit
Message: 15 Date: Wed, 31 Dec 2014 20:00:02 +0100 From: Peter H. li...@artworkers.net To: CSS-Discuss Discuss css-d@lists.css-discuss.org Subject: Re: [css-d] rendering of Open Sans on my project site vs. Typekit Message-ID: c1c5c33a-efff-458b-a9a4-eb4713614...@artworkers.net Content-Type: text/plain; charset=iso-8859-1 El 31/12/2014, a las 19:44, Debbie Campbell escribi?: I don't see any difference with page at default 100% or zoomed to maximum, and the lowercase 'a' looks fine and correct. Mac 10.6.8, FF v34.0.8 and iPad with retina, iOS 7.1.2 Perhaps it's an OS or graphics rendering thang rather than a problem with your code. Peter H. Sorry for so many responses, but I found the problem - I tried switching to the Google Fonts version of Open Sans and all is now fine. The font kit I got from FontSquirrel was the issue. -- Debbie __ css-discuss [css-d@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] rendering of Open Sans on my project site vs. Typekit
Looking at the 700-weight (bold) Open Sans in the ul in this page (starting with Drill Pad Construction), can you see how the lowercase a's have the counter at the top filled in? I'm looking in Chrome, FF, IE11 on Windows 7: http://www.oilfield-construction.com/NEW_SWD/ If I look at this example on Typekit though, in the same browsers, the lowercase a counters never close up: https://typekit.com/fonts/open-sans I though it might be something in my normalize.css but disabling it doesn't change the appearance of the a's. Can someone point out what's wrong in my site? If screenshots would help please let me know. -- Debbie Campbell __ css-discuss [css-d@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] sticky footer position in IE - bottom of window instead of page
I stripped out all the sticky footer code and tried a few other methods, this one worked and tested down to IE8 with no problems: http://css-tricks.com/snippets/css/sticky-footer/ The footer is now where it should be. Thank you for your input everyone. http://www.redkitecreative.com/dev/boisson/ Also I fixed the :focus state for links, thanks for that too. -- Debbie __ css-discuss [css-d@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] sticky footer position in IE - bottom of window instead of page
Having a problem with IE here... http://www.boissonconsulting.com/resources/ I'm using this sticky footer method (after trying several others): http://mystrd.at/modern-clean-css-sticky-footer/ It's working fine in Chrome, FF, Safari/Win, but in IE 11 the footer is initially at the bottom of the window instead of the page, and stays in the same position when the page is scrolled. Please help and thank you in advance for looking. -- Debbie Campbell __ css-discuss [css-d@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] sticky footer position in IE - bottom of window instead of page
I don’t know what your expectations are but given your code, your footer will always position itself at the bottom of the content when the page is longer than the height of the viewport (as in the sample page you link to) and will be positioned at the bottom of the viewport if there is little or no content on the page. (hint: use the developer tools of your browser to set #container to display: none and you’ll see this in action) Yes I see this, it's working fine in IE 11 with #container = display:none; Now what IE 11 is doing I don’t know (not available on this machine); based on your description, it isn’t doing what I describe above, though. Sounds like it interprets your set up as `position: fixed`. It's showing up in the middle of the content instead of at the very bottom in IE 11. -- Debbie __ css-discuss [css-d@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] keeping submenu open when parent is 'current'
I managed to get a dropline menu working in WordPress, but the submenu won't stay open: http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/ If you hover the red main menu item, you'll see the dropline menu. I'd like that to be open always when it's parent is current, or when one of the items in the dropline menu is current. Help? -- Debbie Campbell www.redkitecreative.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@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] keeping submenu open when parent is 'current'
Yes, ul.sub-menu is triggered on hover and wraps the dropline menu items... -- Debbie On 8/1/2014 10:50 AM, Tom Livingston wrote: Can't inspect on my phone (that would be nice, huh?) but I'll take a stab at it. Is the element triggered on hover wrapping the menu items? On Friday, August 1, 2014, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: I managed to get a dropline menu working in WordPress, but the submenu won't stay open: http://www.redkitecreative.__com/dev/pestpro/bed-bug-heat-__products/small-apartment-__package/ http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/ If you hover the red main menu item, you'll see the dropline menu. I'd like that to be open always when it's parent is current, or when one of the items in the dropline menu is current. Help? -- Debbie Campbell www.redkitecreative.com http://www.redkitecreative.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/__mailman/listinfo/css-d http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.__com/ http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/__policies.html http://css-discuss.org/policies.html Supported by evolt.org http://evolt.org -- http://www.evolt.org/help___support_evolt/ http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com http://mlinc.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@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] keeping submenu open when parent is 'current'
Yes, I have a clickable mobile menu that's triggered by a media query,
this one's desktop-only.
--
Debbie
On 8/1/2014 10:59 AM, GJim wrote:
Howdy Debbie,
~~~
Friday, August 1, 2014, 11:46:50 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
If you hover the red main menu item, you'll see the dropline menu. I'd
like that to be open always when it's parent is current, or when one of
the items in the dropline menu is current. Help?
I know this isn't quite the answer you're looking for -- but. Since hover/click
isn't supported on many of the current mobile devices, I have stopped using
hover-activated drop-down menus - instead, a 'permanent' second menu bar when
required.
See www.wyomerc.com, then click on 'CUSTOM BOOK BOXES'.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Common sense is the least common of all the senses.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@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] keeping submenu open when parent is 'current'
It only appears on hover for me in the latest Chrome/FF.. -- Debbie On 8/1/2014 11:13 AM, Tom Livingston wrote: Works in latest Chrome and FF for me. On Fri, Aug 1, 2014 at 12:46 PM, Debbie Campbell d...@redkitecreative.com wrote: I managed to get a dropline menu working in WordPress, but the submenu won't stay open: http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/ If you hover the red main menu item, you'll see the dropline menu. I'd like that to be open always when it's parent is current, or when one of the items in the dropline menu is current. Help? -- Debbie Campbell www.redkitecreative.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@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/ --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@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] keeping submenu open when parent is 'current'
I'm not at all opposed to removing the JS, it's kind of an artifact...
--
Debbie
On 8/1/2014 11:26 AM, Chris Rockwell wrote:
Hi Debbie,
If I understand you correctly, you want the sub menu to show when one
those pages are active, correct? Because you're using javascript for
this, there will be more considerations, but the basics of it is that
you'll have to target the sub-menu based on the page.
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
On Fri, Aug 1, 2014 at 1:13 PM, Tom Livingston tom...@gmail.com
mailto:tom...@gmail.com wrote:
Works in latest Chrome and FF for me.
On Fri, Aug 1, 2014 at 12:46 PM, Debbie Campbell
d...@redkitecreative.com mailto:d...@redkitecreative.com wrote:
I managed to get a dropline menu working in WordPress, but the
submenu won't
stay open:
http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/
If you hover the red main menu item, you'll see the dropline
menu. I'd like
that to be open always when it's parent is current, or when one
of the items
in the dropline menu is current. Help?
--
Debbie Campbell
www.redkitecreative.com http://www.redkitecreative.com
---
This email is free from viruses and malware because avast! Antivirus
protection is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@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://evolt.org --
http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 tel:518.456.3015x231 | fx: 518.456.4279
tel:518.456.4279 | mlinc.com http://mlinc.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@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://evolt.org --
http://www.evolt.org/help_support_evolt/
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@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] keeping submenu open when parent is 'current'
Okay, this works:
.page-189 .menu-item-210 ul { display: block !important;}
That points me in the right direction, but I'll probably still try to
get rid of the JS, it's not really needed.
I'll report back when I get a final fix, thank you!
--
Debbie
On 8/1/2014 11:51 AM, Tom Livingston wrote:
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
Along those lines, I'd opt for adding a class to the body (or a high
level wrapper) and adjust the styles of the menu to stay visible.
Changing the class per page.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@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] keeping submenu open when parent is 'current'
I think I got it!
.wrap li:hover ul,
.wrap li.current-menu-item ul,
.wrap li.current-menu-ancestor ul {
display: block !important;
left: 0;
padding: 0;
visibility: visible !important;
}
--
Debbie
On 8/1/2014 11:51 AM, Tom Livingston wrote:
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
Along those lines, I'd opt for adding a class to the body (or a high
level wrapper) and adjust the styles of the menu to stay visible.
Changing the class per page.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@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] menu item color question on submenu hover
I'm modifying a commercial WordPress theme for a client and am having trouble with the main menu subitems: http://www.thingjiggy.com/about/qualifications/ If you mouse over Pet Services Pet Sitting Overnight Stays you'll see my problem - the text color of the Pet Sitting item turns brown. I have a lot of !importants in here because I was unable to override the template's CSS without them. Can someone tell me please how to keep that submenu item white when its children are hovered? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] menu item color question on submenu hover
I sincerely apologize - the site's on maintenance mode per the client until launch. Sorry for wasting anyone's time here - on Monday I'll repost my question after the site goes public. -- Debbie On 6/6/2014 7:38 PM, JAY TANNA wrote: Website Under Construction Check back by June 1! I'm modifying a commercial WordPress theme for a client and am having trouble with the main menu subitems: http://www.thingjiggy.com/about/qualifications/ If you mouse over Pet Services Pet Sitting Overnight Stays you'll see my problem - the text color of the Pet Sitting item turns brown. I have a lot of !importants in here because I was unable to override the template's CSS without them. Can someone tell me please how to keep that submenu item white when its children are hovered? __ css-discuss [css-d@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] Fancybox modal window location in iPhone
Are you using an iPhone 5, or another model, Tom? -- Debbie I'm still experiencing the problem. Sent from my iPhone On Apr 10, 2014, at 9:37 PM, Debbie Campbell d...@redkitecreative.com wrote: On Thu, Apr 10, 2014 at 9:07 AM, Debbie Campbell d...@redkitecreative.com wrote: Works fine in Android both portrait and landscape (centered on the screen), and fine in iPhone portrait view, but in landscape view on an iPhone the modal window is off to the lower right. I tried making an adjustment to the CSS but don't have an iPhone to test; in the online emulators I tried, the modal windows filled 100% of the screen so I can't see the problem. Tom Livingstone wrote: It seems you may be suffering from this: http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/ When I changed orientation, the whole page was zoomed in so when you click a photo, the modal is acting accordingly. If I zoom out first, the modal works as desired. I've included the script to fix the iOS orientationchange issue - I'd be grateful if someone can take a look again in portrait and landscape view in an iPhone - this is the temporary URL: http://www.redkitecreative.com/dev/aemb/class-photos/ -- Debbie __ css-discuss [css-d@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] Fancybox modal window location in iPhone
Works fine in Android both portrait and landscape (centered on the screen), and fine in iPhone portrait view, but in landscape view on an iPhone the modal window is off to the lower right. http://www.artofequinemassage.com/class-photos/ I tried making an adjustment to the CSS but don't have an iPhone to test; in the online emulators I tried, the modal windows filled 100% of the screen so I can't see the problem. -- Debbie Campbell __ css-discuss [css-d@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] Fancybox modal window location in iPhone
Thank you - I'll give that a try. -- Debbie On 4/10/2014 7:18 AM, Tom Livingston wrote: On Thu, Apr 10, 2014 at 9:07 AM, Debbie Campbell d...@redkitecreative.com wrote: Works fine in Android both portrait and landscape (centered on the screen), and fine in iPhone portrait view, but in landscape view on an iPhone the modal window is off to the lower right. http://www.artofequinemassage.com/class-photos/ I tried making an adjustment to the CSS but don't have an iPhone to test; in the online emulators I tried, the modal windows filled 100% of the screen so I can't see the problem. It seems you may be suffering from this: http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/ When I changed orientation, the whole page was zoomed in so when you click a photo, the modal is acting accordingly. If I zoom out first, the modal works as desired. HTH __ css-discuss [css-d@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] Fancybox modal window location in iPhone
On Thu, Apr 10, 2014 at 9:07 AM, Debbie Campbell d...@redkitecreative.com wrote: Works fine in Android both portrait and landscape (centered on the screen), and fine in iPhone portrait view, but in landscape view on an iPhone the modal window is off to the lower right. I tried making an adjustment to the CSS but don't have an iPhone to test; in the online emulators I tried, the modal windows filled 100% of the screen so I can't see the problem. Tom Livingstone wrote: It seems you may be suffering from this: http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/ When I changed orientation, the whole page was zoomed in so when you click a photo, the modal is acting accordingly. If I zoom out first, the modal works as desired. I've included the script to fix the iOS orientationchange issue - I'd be grateful if someone can take a look again in portrait and landscape view in an iPhone - this is the temporary URL: http://www.redkitecreative.com/dev/aemb/class-photos/ -- Debbie __ css-discuss [css-d@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] best way to handle footer image sliding up under content
Thank you both *very* much for your help!
Philippe's idea did indeed work, but was still not quite what I wanted
for the interaction between the bottom of the content and the top of the
image.
It occurred to me that the problem was really the resizing. I went back
to the original image and made a wider version, then set it to *not*
resize with the window. This is much better, it's keeping it in the same
place no matter the window size.
What I wound up doing:
1) Moved the image out of the #footer-container and to the
#body-container as Tom suggested, and not resizing with the window.
2) Shortened the #footer-container so more of the image would slide up
toward the content.
Now working in IE, FF, Chrome...
http://redkitecreative.com/dev/gardensweet/farm-stand/
I'll go in and fade out the sides of the image, which will only show in
wider views, and that should be it. Thank you again!
--
Debbie
On 2/12/2014 7:40 PM, Tom Livingston wrote:
I hope that makes sense - I don't want a big gap between the content and bottom
image, I want them to overlap just a bit but not too much.
Does it do what you want if you change the background-image alignment from
“bottom” to “top” beyond a certain viewport width ?
Currently you have
@media only screen and (min-width: 960px) {
#footer-container {
background: #fff url(images/body-bg.jpg) center bottom no-repeat;
background-size: 100% auto;
you could add
@media only screen and (min-width: 1160px) {
#footer-container {
background: #fff url(images/body-bg.jpg) center top no-repeat; /*
—- change to top here */
background-size: 100% auto;
I made a wild guess as for the value of the MQ – it could be a little more or
a little less. Test… :=)
Philippe
--
Philippe Wittenbergh
http://l-c-n.com
I think Philippe's suggestion is worth a try, but to me you have some
things working against you. Since you are scaling the image
proportionally it's relation to the content is going to change. On a
really wide monitor (1600x900 for example) you run out of image top
that blends with the rest of the page and you end up with a visible
hard line. Narrower, and you have a lot of room below the content.
Is it worth a try having the image in an overall page wrapper instead
of the footer? So you have a background color on body (or html)
element and in the page wrap you have the image. This will prevent the
top of the image from getting cropped by footer-wrapper and you may
get more of the image peeking up behind your content.
Just a thought. HTH.
__
css-discuss [css-d@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] best way to handle footer image sliding up under content
In this page: http://redkitecreative.com/dev/gardensweet/farmers-markets/ I'd like to have the large image that's currently in #footer-container slide up so that it's 1) on top of #container and #body-container 2) 'underlapping' the bottom of the page content a bit so some of the color shows behind the content. Right now I have a negative margin on #footer-container but that's not working (rather it only works in Chrome/FF when the browser window is not full-sized). Can someone please give me some direction on a better way to do this? -- Debbie Campbell __ css-discuss [css-d@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] best way to handle footer image sliding up under content
On 2/12/2014 6:17 PM, Tom Livingston wrote: On Wed, Feb 12, 2014 at 5:55 PM, Debbie Campbell d...@redkitecreative.com wrote: In this page: http://redkitecreative.com/dev/gardensweet/farmers-markets/ I'd like to have the large image that's currently in #footer-container slide up so that it's 1) on top of #container and #body-container 2) 'underlapping' the bottom of the page content a bit so some of the color shows behind the content. Hi Debbie, Having a little trouble understanding what you're after. Do you have a link to an image of the effect you are typing to achieve that we can see? Yes - here's an example of what I'd like to have: http://redkitecreative.com/dev/gardensweet/ex1.jpg See how the bottom image is moved up behind/under the main content area so some of the blue/grey shows behind the text? But this is what I don't want: http://redkitecreative.com/dev/gardensweet/ex2.jpg When the browser's at full width, the background image rides up too far and the top is cut off. This is Chrome. I hope that makes sense - I don't want a big gap between the content and bottom image, I want them to overlap just a bit but not too much. -- Debbie __ css-discuss [css-d@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] best way to handle footer image sliding up under content
On 2/12/2014 6:17 PM, Tom Livingston wrote: On Wed, Feb 12, 2014 at 5:55 PM, Debbie Campbell d...@redkitecreative.com wrote: In this page: http://redkitecreative.com/dev/gardensweet/farmers-markets/ I'd like to have the large image that's currently in #footer-container slide up so that it's 1) on top of #container and #body-container 2) 'underlapping' the bottom of the page content a bit so some of the color shows behind the content. Hi Debbie, Having a little trouble understanding what you're after. Do you have a link to an image of the effect you are typing to achieve that we can see? Yes - here's an example of what I'd like to have: http://redkitecreative.com/dev/gardensweet/ex1.jpg See how the bottom image is moved up behind/under the main content area so some of the blue/grey shows behind the text? But this is what I don't want: http://redkitecreative.com/dev/gardensweet/ex2.jpg When the browser's at full width, the background image rides up too far and the top is cut off. This is Chrome. http://redkitecreative.com/dev/gardensweet/ex3.jpg And this is IE, in this one the background image is too far below the content and there's a big gap. I hope that makes sense - I don't want a big gap between the content and bottom image, I want them to overlap just a bit, but not too much. -- Debbie __ css-discuss [css-d@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] how to make content div stretch to 100% height
In this WordPress page: http://www.redkitecreative.com/dev/ivas/short-page/ I'd like #content to stretch to the bottom of the browser window, behind or to the green footer. I'm using this sticky footer method to make the background image on #body-container stretch and it's working fine (only tested in Chrome/FF at this point): http://codecamel.com/fullheight But I'm not sure how to deal with #content. I can't make it part of the background image because of the shadow, and there are several page templates (3 column, 2 column, full width) so I would need to create three different images - which is fine, if I can do something about the shadow. Any suggestions, please? Thank you. -- Debbie Campbell __ css-discuss [css-d@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] z-index question
In this site, in the footer, the links in the two boxes are clickable in all the browsers checked so far except Firefox: http://www.redkitecreative.com/dev/prairie/about-us/ I've tried a few different ways of stacking with no better results for FF, can someone help please? -- Debbie Campbell __ css-discuss [css-d@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] z-index question
That was it, thank you! -- Debbie On 3/27/2013 3:51 PM, Greg Gamble wrote: Take the z-index: -1 out of footer-container Greg Gamble SBCTC - Olympia | Information Services -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Debbie Campbell Sent: Wednesday, March 27, 2013 2:19 PM To: CSS-Discuss Subject: [css-d] z-index question In this site, in the footer, the links in the two boxes are clickable in all the browsers checked so far except Firefox: http://www.redkitecreative.com/dev/prairie/about-us/ I've tried a few different ways of stacking with no better results for FF, can someone help please? __ css-discuss [css-d@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] CSS linear gradient in Android tablet not extending to bottom of page
Thanks for your detailed answer Philippe!
I don't have any Android based tablet either to test. On my iPad2,
the teal based background is not visible at all (the #wrapper div
nicely fills the viewport, which is to be expected given the meta
viewport declaration). A quick test case using your code works just
fine, however (the iPad is running iOS 6.1, I also checked in the iOS
simulator running iOS 5.1 and iOS 6.0).
That said, based on your description, I have the nagging feeling that
your device doesn't support 'background-attachment: fixed'. In that
case, the gradient will be as tall as the viewport (that is different
from the document height).
BTW does that happen with any browser on that device, or only with
the default browser ?
It happens in both the default browser and Chrome. I downloaded Dolphin
Browser but it crashed repeatedly, couldn't test it.
Workaround 2- add a background-color declaration, matching the end-point of
your
gradient, like this:
body { background: #649697; /* remove this Old browsers */
background: -moz-linear-gradient(top, #649697 16%, #234646 100%); /*
FF3.6+ */ /* … snip … / background: linear-gradient(to bottom,
#649697 16%,#234646 100%); /* W3C */ background-color: #234646; /*
--- add this - old browsers + fall back background-color */
background-attachment: fixed; background-repeat: no-repeat; }
Workaround #2 worked perfectly. Thank you so much!
--
Debbie
__
css-discuss [css-d@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] CSS linear gradient in Android tablet not extending to bottom of page
In my 10 Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in the right direction to fix it or suggest another way to handle it? http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] sticky footer question
Not sure how to do this, ideally I'd like the bottom of the main content area to overlap the top of the sticky footer by a few pixels. I'm using footerstickalt. http://www.redkitecreative.com/projects/hvp/ -- Debbie Campbell __ css-discuss [css-d@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] no background gradient in IE8
Having trouble getting the background gradient to show in IE8, it's fine in IE7: http://www.redkitecreative.com/projects/laraj/bartow/ I normally use CSS3 Pie, but this isn't working for the gradient although it is working fine for border-radius and box-shadow; then I tried the -ms-filter, but still no results. Can someone help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] question on media queries and full screen browsers
At 17:32 -0600 on 04/14/2012, Debbie Campbell wrote about [css-d] question on media queries and full screen browsers: I'm using media queries for desktop vs. tablet vs. smartphone on my site (and the media query code is taken directly from the developer of the Lynda.com adaptive design course). [snip] I don't know how to fix this, especially since I can't see it happening. Can someone help? At 11:04 -0400 on 04/15/2012, Robert A. Rosenberg replied: I think the value of device-width (ie: The Current Window Width is available to PHP? If so, you might want to add some debugging code to supply it as a readable display on the page. That would show something for the user who is getting the wrong style sheet to report. Also put out a set of debugging comments on the page that report on which style sheet is being selected (in the style sheet have the lines marked as visibility:hidden except for the one that IDs THAT style sheet). You can also insert the two device-width values in each line if available. That sounds very useful Robert - unfortunately I don't know how to add the debugging code/comments you mentioned. Can you point me to some instructions for learning how to do this? Happy to do it if I knew how. -- Debbie __ css-discuss [css-d@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] question on media queries and full screen browsers
I'm using media queries for desktop vs. tablet vs. smartphone on my site (and the media query code is taken directly from the developer of the Lynda.com adaptive design course). My site is: http://www.redkitecreative.com I can't replicate this problem on any of our Windows 7 machines... Three people have told me that they're seeing the handheld version of my site when using FF, IE9 or Chrome at full screen on Windows 7, Vista or Mac. One of them says they see the handheld version at *all* resolutions on their Windows machine. However, three others tell me they see only the desktop version of the site on FF, IE9 or Chrome on Windows, full screen or not. This is from header.php: meta name=viewport content=width=device-width, initial-scale=1, maximum-scale=1 / link rel=stylesheet href=?php echo get_stylesheet_directory_uri(); ?/css/handheld.css media=(max-device-width: 480px) / link rel=stylesheet href=?php echo get_stylesheet_directory_uri(); ?/css/tablet.css media=(min-device-width:768px) and (max-device-width:1024px) / link rel=stylesheet href=?php echo get_stylesheet_directory_uri(); ?/css/tablet.css media=(min-device-width:1280px) and (max-device-width:1280px) / link rel=stylesheet href=?php echo get_stylesheet_directory_uri(); ?/css/tablet.css media=(min-device-width:800px) and (max-device-width:800px) / I don't know how to fix this, especially since I can't see it happening. Can someone help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] positioning background images in IE 8/7
In this page in IE 8/7: http://www.redkitecreative.com/projects/tax/ The background images in the three blue boxes are out of position. Even putting the CSS style into the ie8.css stylesheet makes the background images disappear from the page completely... How do I get them to move up in IE 8 and 7? -- Debbie www.redkitecreative.com __ css-discuss [css-d@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] positioning search button
In IE on this page: http://www.greendrakephoto.com/site/contact/ The little green-bordered square's image content is showing up underneath the panel. Can someone help please? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] positioning search button
Ah - that image link issue makes perfect sense. Thanks! -- Debbie On 1/18/2012 8:15 PM, Ghodmode wrote: On Thu, Jan 19, 2012 at 3:58 AM, Debbie Campbell d...@redkitecreative.com wrote: In IE on this page: http://www.greendrakephoto.com/site/contact/ The little green-bordered square's image content is showing up underneath the panel. Can someone help please? The image content isn't showing up underneath the panel. It isn't showing at all. The problem is caused by the location of your IE-specific stylesheet. Without a full path, resources are relative to the stylesheet. The images directory is in the same place as Wordpress' style.css, but your IE stylesheet is in a subdirectory. So, it can't find the image. Move your ie.css to the same place as style.css, change your references to match the new location, and it'll fix your problem. Better yet, don't use a browser-specific stylesheet. I kinda like Paul Irish's method using conditional comments: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ ... but I'm doing User Agent detection in PHP on the server side. -- Ghodmode http://www.ghodmode.com/blog -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] footer not clearing main content in IE7
In this WordPress site, only in IE7, the footer (outlined in red) isn't clearing the main container: http://www.mountainsagecommunityschool.org/resources/research/ Can someone please help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] question on body background image in IE
In this site: http://redkitecreative.com/projects/brayden/ In IE, the background image for body that stretches across the top doesn't show until you click something in the menu or on the header section. I'm not seeing my problem, can someone help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] question on body background image in IE
This was the fix:
Comment out the following in the style sheet.
:focus { background-color: #fff; }
*:focus {outline: none; background: #fff;}
--
Debbie
On 12/9/2011 1:19 PM, Ville Viklund wrote:
*:focus is overriding your body tags background styles. I too would like
to know why this is happening.
Ville
2011/12/9 Debbie Campbell d...@redkitecreative.com
mailto:d...@redkitecreative.com
In this site:
http://redkitecreative.com/__projects/brayden/
http://redkitecreative.com/projects/brayden/
In IE, the background image for body that stretches across the top
doesn't show until you click something in the menu or on the header
section. I'm not seeing my problem, can someone help?
--
Debbie Campbell
www.redkitecreative.com http://www.redkitecreative.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/__mailman/listinfo/css-d
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.__com/
http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/__policies.html
http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help___support_evolt/
http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@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] problem floating text around image
Not sure why this isn't working, floating the text around the image in the footer with the red border. Can someone help? http://www.redkitecreative.com/projects/green/ -- Debbie Red Kite Creative LLC __ css-discuss [css-d@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] help with the last item in a menu sprite
The 'Contact' a:hover effect is showing up on the bottom left below the menu bar - there are no HTML errors, and I can't immediately see what's happening to cause it to shift: http://www.redkitecreative.com/projects/paramaya/solution/for-clients/ Can someone help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] help with the last item in a menu sprite
That's close - I changed that last image li width from 108 to 99, but then I remeasured and found that two of the items were coming it at 202.5px and 97.5px. I rounded down and that fixed it, thanks for the help. -- Debbie On 10/7/2011 5:17 PM, Tom Livingston wrote: The UL has a width of 960 and thelis add up to 969, unless it's just too late in the day for me to do math. Maybe that's it? On Fri, Oct 7, 2011 at 6:56 PM, Debbie Campbelld...@redkitecreative.com wrote: The 'Contact' a:hover effect is showing up on the bottom left below the menu bar - there are no HTML errors, and I can't immediately see what's happening to cause it to shift: http://www.redkitecreative.com/projects/paramaya/solution/for-clients/ __ css-discuss [css-d@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] alignment question for an unordered list/submenu
It's been fixed, thanks. -- Debbie On 10/3/2011 8:38 AM, Chris Morton wrote: It appears to render AOK in Chrome. Chris On Sun, Oct 2, 2011 at 4:42 PM, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: I'm having trouble getting the a tag to line up within its containing li... __ css-discuss [css-d@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] alignment question for an unordered list/submenu
I'm having trouble getting the a tag to line up within its containing li on this page, in the dropdown menu for Floor Care Tips: http://www.redkitecreative.com/projects/schmidt/clients/ a tag in yellow is shifted left, the containing li is outlined in green. I know this has something to do with the main menu alignments but can't pinpoint the problem. Can someone help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] apply class to parent when children are in focus?
In this page: http://kittymunson.com/acbl/newsite/clubs/acblscore.php# If you click on the Learn Improve tab, then on any of the menu items with a , you'll see the parent item changes to white with a colored background. But if you mouse down into the menu, the parent item returns to a dark color. How would I keep the white text color in the parent while the user is mousing over the menu? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] apply class to parent when children are in focus?
Hmm. Still reverting to the darker color when focus is moved from the parent to the windowed menu... I'll check in with the forum at Dynamic Drive and post here when I get an answer. -- Debbie On 9/22/2011 10:15 AM, Kevin A. Cameron wrote: Looks like there is some JS that is adding class 'selectedanchor' on hover. Just modify that class to also have white text. If you're looking to recreate something like this with just CSS, maybe check http://css.maxdesign.com.au/listamatic/ Kevin On Thu, Sep 22, 2011 at 8:37 AM, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: In this page: http://kittymunson.com/acbl/__newsite/clubs/acblscore.php# http://kittymunson.com/acbl/newsite/clubs/acblscore.php# If you click on the Learn Improve tab, then on any of the menu items with a , you'll see the parent item changes to white with a colored background. But if you mouse down into the menu, the parent item returns to a dark color. How would I keep the white text color in the parent while the user is mousing over the menu? -- Debbie Campbell www.redkitecreative.com http://www.redkitecreative.com __ css-discuss [css-d@lists.css-discuss.org mailto:css-d@lists.css-discuss.org] http://www.css-discuss.org/__mailman/listinfo/css-d http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.__com/ http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/__policies.html http://css-discuss.org/policies.html Supported by evolt.org http://evolt.org -- http://www.evolt.org/help___support_evolt/ http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@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] apply class to parent when children are in focus?
Thanks! That was it, I applied it to the wrong style. Thank you. -- Debbie On 9/22/2011 10:42 AM, Kevin A. Cameron wrote: I'm looking at the page, I don't see the addition. It can't be applied to a.selectedanchor:hover, but to a.selectedanchor. Might need to add !important to that declaration depending on the cascade. Kevin On Thu, Sep 22, 2011 at 9:27 AM, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: Hmm. Still reverting to the darker color when focus is moved from the parent to the windowed menu... I'll check in with the forum at Dynamic Drive and post here when I get an answer. -- Debbie On 9/22/2011 10:15 AM, Kevin A. Cameron wrote: Looks like there is some JS that is adding class 'selectedanchor' on hover. Just modify that class to also have white text. If you're looking to recreate something like this with just CSS, maybe check http://css.maxdesign.com.au/__listamatic/ http://css.maxdesign.com.au/listamatic/ Kevin On Thu, Sep 22, 2011 at 8:37 AM, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com mailto:dac@redkitecreative.__com mailto:d...@redkitecreative.com wrote: In this page: http://kittymunson.com/acbl/newsite/clubs/acblscore.php# http://kittymunson.com/acbl/__newsite/clubs/acblscore.php# http://kittymunson.com/acbl/__newsite/clubs/acblscore.php# http://kittymunson.com/acbl/newsite/clubs/acblscore.php# If you click on the Learn Improve tab, then on any of the menu items with a , you'll see the parent item changes to white with a colored background. But if you mouse down into the menu, the parent item returns to a dark color. How would I keep the white text color in the parent while the user is mousing over the menu? -- Debbie Campbell www.redkitecreative.com http://www.redkitecreative.com http://www.redkitecreative.__com http://www.redkitecreative.com __ css-discuss [css-d@lists.css-discuss.org mailto:css-d@lists.css-discuss.org mailto:cs...@lists.css-__discuss.org mailto:css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d http://www.css-discuss.org/__mailman/listinfo/css-d http://www.css-discuss.org/__mailman/listinfo/css-d http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ http://css-discuss.incutio.__com/ http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html http://css-discuss.org/__policies.html http://css-discuss.org/__policies.html http://css-discuss.org/policies.html Supported by evolt.org http://evolt.org http://evolt.org -- http://www.evolt.org/help_support_evolt/ http://www.evolt.org/help___support_evolt/ http://www.evolt.org/help___support_evolt/ http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@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] z-index on menu
Thank you - perfect. I appreciate the help. -- Debbie Campbell On 9/6/2011 10:58 AM, Chetan Crasta wrote: A number of CSS declarations had to be overridden, see the inline styles. IE 8 seems to get confused with the relative positioning. http://roughtech.com/t/prestige.html Regards, Chetan Crasta __ css-discuss [css-d@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] z-index on menu
Can someone point out what's covering the left side of the top menu in IE8 in this site? http://www.signwithprestige.com/test/classes/ -- Debbie Campbell __ css-discuss [css-d@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] question on space at bottom of page
Thanks Alan, I did remove nearly all the position: relatives except where needed for z-index or a positioned element inside a container. Thank you for the fix for the footer-container element as well. -- Debbie __ css-discuss [css-d@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] question on space at bottom of page
In this page: http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/ There's a large image background to footer-container (not yet completed). There's a small space of about 9px tall below the bottom of footer-container at the very bottom of the browser window, I'm not sure where that's coming from. Can someone help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] question on space at bottom of page
I changed it, it didn't make a difference...
--
Debbie
On 7/20/2011 1:35 PM, Maujor (via-gmail) wrote:
In this page:
http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/
There's a large image background to footer-container (not yet
completed). There's a small space of about 9px tall below the bottom
of footer-container at the very bottom of the browser window, I'm not
sure where that's coming from. Can someone help?
It seems a collapsing margin issue.
Try
.copyright { margin: 0; ... }
--
I am using the free version of SPAMfighter.
We are a community of 7 million users fighting spam.
SPAMfighter has removed 3335 of my spam emails to date.
Get the free SPAMfighter here: http://www.spamfighter.com/len
The Professional version does not have this message
__
css-discuss [css-d@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] vertically align two floated divs to top of container
Can someone tell me what I need to fix to get the two yellow divs to align to the top of the blue-bordered div? http://hachdrinkingwater.com/ -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] vertically align two floated divs to top of container
That did it, thank you. -- Debbie On 5/24/2011 5:52 PM, Philippe Wittenbergh wrote: On May 25, 2011, at 8:40 AM, Debbie Campbell wrote: Can someone tell me what I need to fix to get the two yellow divs to align to the top of the blue-bordered div? http://hachdrinkingwater.com/ remove thebrbetween the 2 divs ? Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@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] form styling
I'm having problems with styling this form at the top, generated from a WordPress plugin, to match the HTML form at the bottom: http://www.hachseminars.com/contact-us/ Specifically, it's lining up the labels and inputs in the top section evenly, and the same for the Your Interests section (and moving the checkbox area to the right to line up with the inputs in the Contact Info section). Can someone point me in the right direction? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] form styling
Yes, like the bottom. I can add any tags needed in the form. I'll give this a try shortly, thanks! -- Debbie On 4/29/2011 9:12 AM, Tim Duffy wrote: you want the top styled like the bottom. right? is thebr tag dynamically generated in the top form? if you get rid of that, add the property overflow:hidden to .wpcf7-form div.textInput then play with the bottom margin to get what you want on the checkboxes there is a display:block on the span around the text. move that to the span around both the checkbox and the text. Tim On Fri, Apr 29, 2011 at 10:43 AM, Debbie Campbell d...@redkitecreative.com wrote: I'm having problems with styling this form at the top, generated from a WordPress plugin, to match the HTML form at the bottom: http://www.hachseminars.com/contact-us/ Specifically, it's lining up the labels and inputs in the top section evenly, and the same for the Your Interests section (and moving the checkbox area to the right to line up with the inputs in the Contact Info section). Can someone point me in the right direction? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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-discuss [css-d@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] some graphic bullets not showing in IE7
I'm using identical CSS styles for li image bullets in the main content
area and sidebar on this page:
http://www.redkitecreative.com/projects/farm/about/the-farm-bureau/
In IE7, bullets are showing correctly in the main content area but are
disappearing in the sidebar. Can someone help?
This is the CSS:
#primary .widget ul li {
margin-bottom: 0.5em;
font-size: 1.1em;
padding: 0 0 0 15px;
line-height: 1.3em;
background: url(images/bullet.jpg) no-repeat 0 6px;
}
--
Debbie Campbell
www.redkitecreative.com
__
css-discuss [css-d@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] inline list shows vertically in IE7 - help?
My inline list at the bottom of this page displays vertically in IE7: http://www.redkitecreative.com/projects/paramaya/1.html What's the best way to fix this (or another recommended method for a simple pipe list)? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] menu hover issue
When trying to fix an issue with z-index and IE7, I seem to have done something else. When you hover over the dropdown menus in this page in IE7, they close unless you're actually over a link: http://www.redkitecreative.com/projects/team/contact-us/ Can someone help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [css-d@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] help with padding/margin and floated objects
For the slideshow on this page: http://www.redkitecreative.com/projects/acbl/ What I'd like to do is have a bottom-margin of 10px on the caption, #ss-text, so that the grey box below it moves down when needed rather than just sitting at 20px below the slideshow image as it does now. So far adding any bottom margin to #ss-text has no effect - can someone advise? -- Debbie Campbell www.redkitecreative.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/
[css-d] unable to hide div in IE7
I'm using conditional comments to hide the #sliderbox and/or .movingboxes-slider div near the bottom of this page in IE7, but it isn't working: http://www.adventurecamper.com/#slider1=4 What am I missing? Help greatly appreciated. -- Debbie Campbell www.redkitecreative.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] unable to hide div in IE7
I tried your suggestion; it's still ignoring the conditional comment. This is a WordPress site using Theme Hybrid, could it be something to do with that? I'll check on their forums as well. -- Debbie On 12/8/2010 11:09 AM, Chetan Crasta wrote: The CSS seems to be ignored. Even !important didn't work. You can instead put the entire div within conditional comments like this: !--[if gte IE 8]!-- div id=sliderbox ... /div !--![endif]-- The sliderbox div will be visible to all browser except IE7 and below On Wed, Dec 8, 2010 at 10:53 PM, Debbie Campbell d...@redkitecreative.com wrote: I'm using conditional comments to hide the #sliderbox and/or .movingboxes-slider div near the bottom of this page in IE7, but it isn't working: http://www.adventurecamper.com/#slider1=4 What am I missing? Help greatly appreciated. -- Debbie Campbell www.redkitecreative.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/ __ 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] help with button position in Safari
In Safari/Win (Safari/Mac too?) the search button at top right is not in the right place, it should be directly right of the text input box: http://www.adventurecamper.com/colorado-suv-and-van-rentals/ It's fine in IE, FF, Chrome, and Opera. Can someone help? -- Debbie Campbell www.redkitecreative.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] help with button position in Safari
Well... I tried setting a width on #searchform and removing the float on
the button, but I still see about 18px below where it should be...
--
Debbie
On 12/7/2010 12:27 PM, Chetan Crasta wrote:
You have to remove the float:right of the search button. Or you can try this:
#utility #search-form input.button
{
float:none;
}
~Chetan
On Wed, Dec 8, 2010 at 12:40 AM, Debbie Campbell
d...@redkitecreative.com wrote:
In Safari/Win (Safari/Mac too?) the search button at top right is not in the
right place, it should be directly right of the text input box:
http://www.adventurecamper.com/colorado-suv-and-van-rentals/
It's fine in IE, FF, Chrome, and Opera. Can someone help?
--
Debbie Campbell
www.redkitecreative.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/
__
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] two IE7 questions, z-index and display: none
How can I have the logo (#logo) in front of #primary on subpages here: http://www.adventurecamper.com/about/ I've tried various z-indexes in a conditional comment for IE7, but nothing is changing. Also, I want to hide #sliderbox (the moving boxes slider) at the bottom of the home page, but so far haven't found the right conditional comment. Can someone advise? -- Debbie Campbell www.redkitecreative.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/
[css-d] change width of CSS dropdowns?
I'm having a problem making the width of the dropdown parts of the main menu wider here: http://www.redkitecreative.com/projects/camper/your-trip/going-west/ I'm not sure what CSS selector I need to be editing, I've tried #primary-menu li li, #primary-menu ul ul and #primary-menu li li a with no effect. -- Debbie Campbell www.redkitecreative.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] change width of CSS dropdowns?
Thanks, that works perfectly.
--
Debbie
On 12/1/2010 10:06 AM, Chetan Crasta wrote:
The width is being set by Javascript, however you can override it using this:
#primary-menu ul li ul {
width:200% !important;
}
Of course 200% is just an example, you can choose any width you like.
Cheers,
Chetan
On Wed, Dec 1, 2010 at 10:06 PM, Debbie Campbell
d...@redkitecreative.com wrote:
I'm having a problem making the width of the dropdown parts of the main menu
wider here:
http://www.redkitecreative.com/projects/camper/your-trip/going-west/
I'm not sure what CSS selector I need to be editing, I've tried
#primary-menu li li, #primary-menu ul ul and #primary-menu li li a with no
effect.
--
Debbie Campbell
www.redkitecreative.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/
__
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] IE positioning question
In this page:
http://www.redkitecreative.com/projects/billiards/inside_best_billiards.php
The image below the menu is a pixel or two off. I've tried correcting
this with a conditional comment, with margin or absolute or relative
position, with no luck:
#sidebar img.rotation-img { position: absolute; left: -2px; }
Suggestions greatly appreciated.
--
Debbie Campbell
www.redkitecreative.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/
[css-d] page layout off in Safari/Win
I don't have Safari/Mac but in Windows, this page layout is broken; can someone help? It's working fine in Chrome, FF, IE8 and Opera. http://www.redkitecreative.com/projects/billiards/customize_materials_finishes.php -- Debbie Campbell www.redkitecreative.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] page layout off in Safari/Win
Thanks - I was hoping it was something simple like that. -- Debbie On 11/15/2010 9:18 AM, Giles, Sarah wrote: You are missing a closingdiv liimg src=images/materials_finishes/84Crop.jpg view-source:http://www.redkitecreative.com/projects/billiards/images/mater ials_finishes/84Crop.jpg alt=/divWalnut / Brownbr/Mahogany Stain;br/Satinwood inlay/li Should be: liimg src=images/materials_finishes/84Crop.jpg view-source:http://www.redkitecreative.com/projects/billiards/images/mater ials_finishes/84Crop.jpg alt=/divWalnut / Brownbr/Mahogany Stain;br/Satinwood inlay/div/li On 11/15/10 10:23 AM, Debbie Campbelld...@redkitecreative.com wrote: http://www.redkitecreative.com/projects/billiards/customize_materials_fin ishes.php __ 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] nested ul not working right
Under 'Some Popular Woods' at bottom left, there's a nested unordered
list. I don't see why it's not showing up.
body.materials-finishes ul.photobar li ul {
margin: 0 0 1em 1em;
color: #373737;
list-style-type: disc;
}
body.materials-finishes ul.photobar li ul li {
margin: 0 0 0.9em;
color: #373737;
}
http://www.redkitecreative.com/projects/billiards/customize_materials_finishes.php
Also, I'd like to center the text div under each blue-bordered li, but
couldn't get that to work (the left-aligned text needs to be centered
under each image). Can someone advise?
--
Debbie Campbell
www.redkitecreative.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/
[css-d] z-index question in FF
In this site (still very much in progress and only checked in FF so far) the logo on the left should be on top of the brown/green/tan background image: http://www.redkitecreative.com/projects/camper/ I've moved it down so you can see it, and have tried various combinations of z-index values on the divs in that part of the page. Not working though, can someone advise? -- Debbie Campbell www.redkitecreative.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] z-index question in FF
Thanks very much! I'm new to this WordPress framework and didn't see the
overflow: hidden; I've removed the link to the default Hybrid stylesheet
for the 2-col layout and all is well.
--
Debbie
On 11/7/2010 8:18 PM, Philippe Wittenbergh wrote:
On Nov 8, 2010, at 11:51 AM, Debbie Campbell wrote:
In this site (still very much in progress and only checked in FF so far) the
logo on the left should be on top of the brown/green/tan background image:
http://www.redkitecreative.com/projects/camper/
I've moved it down so you can see it, and have tried various combinations of
z-index values on the divs in that part of the page. Not working though, can
someone advise?
That logo image is clipped because you specified #container {overflow: hidden;}
Remove that to start.
Imho you really should remove most of your usage of position: relative. It
makes your life wayway more complicated than it should be.
On Nov 8, 2010, at 12:02 PM, David McGlone wrote:
can you show us the CSS?
Is view source to difficult ?
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] z-index question in FF
I had the logo in the header but was having trouble getting it to stack above the sidebar. With your suggestion and the previous one I got it working, thank you. -- Debbie On 11/7/2010 8:27 PM, Nate Taratoa wrote: Hi, Two questions 1. Why is your top nav in ap element and not aul element? 2. Why is your logo in the sub-nav area? - I think this would be better suited in the main header area, maybe why you are having issues with z-indexing. Try something like this in your header (you will ofcourse have to adjust your other elements in the header to get them sitting right): div id=header div class=logoimg src=http://www.redkitecreative.com/projects/camper/wp-content/themes/adventurecamper/images/logo.png;/div Other content etc goes here /div Cheers -- Nate Taratoa Enlighten Designs Designer Phone: +64 7 853 6060 Fax: +64 7 854 9052 Website: www.enlighten.co.nz -- Disclaimer: The information in this email (including attachments) is confidential and may be legally privileged. If an addressing or transmission error has misdirected this email, please notify the author by replying to this email and destroy the message. If you are not the intended recipient, any use, disclosure, copying or distribution is prohibited and may be unlawful. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Debbie Campbell Sent: Monday, 8 November 2010 3:51 p.m. To: CSS-Discuss Subject: [css-d] z-index question in FF In this site (still very much in progress and only checked in FF so far) the logo on the left should be on top of the brown/green/tan background image: http://www.redkitecreative.com/projects/camper/ I've moved it down so you can see it, and have tried various combinations of z-index values on the divs in that part of the page. Not working though, can someone advise? -- Debbie Campbell www.redkitecreative.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/ __ 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] z-index question in FF
It was - I just fixed that before your reply came in. -- Debbie On 11/7/2010 8:55 PM, Gail Issen wrote: It looks good in FF and Opera. In IE8, though, there is a small X next to the logo. Is something missing? Gail Gail W. Issen http://www.xpertwebs.com http://www.xpertmarks.com Tel: 713-721-6868 Cell: 713-501-2302 Fax: 713-721-0145 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Debbie Campbell Sent: Sunday, November 07, 2010 8:51 PM To: CSS-Discuss Subject: [css-d] z-index question in FF In this site (still very much in progress and only checked in FF so far) the logo on the left should be on top of the brown/green/tan background image: http://www.redkitecreative.com/projects/camper/ I've moved it down so you can see it, and have tried various combinations of z-index values on the divs in that part of the page. Not working though, can someone advise? __ 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] z-index issue in IE7
Thanks, that did work. I didn't get the last css-discuss mailing that
had those replies.
--
Debbie
On 11/5/2010 4:22 PM, Alan Gresley wrote:
Thierry Koblentz wrote:
Oops - I spoke too soon.
I fixed the Flash-overlapping-the-menu issue, but I have one last
problem in IE7 only. The image scroller (#mainscroll) is also
overlapping the menu. I tried a z-index but not working, it's this
page:
http://www.redkitecreative.com/projects/performance/
We were a few to suggest a solution. Did you try all of them?
I believe the styling in my previous email should fix your issue
across the
board.
--
Regards,
Thierry
Thierry is correct. What you currently have is what is seen in Example-3.
http://css-class.com/test/css/visformatting/layers/z-index.htm
What you want is like Example-4. So all you need to add is this.
.menu-primary-menu-container {z-index:1;}
__
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] z-index issue in IE7
On this site:
http://www.redkitecreative.com/projects/performance/contact-us/
if you hover on Browse Our Inventory, in IE7 the hovered menu is hidden
behind the #maincontent div.
I tried this:
!--[if IE 7]
style type=text/css
#maincontent {z-index: 10;}
ul.menu li:hover ul, ul.menu ul li:hover ul, ul.menu ul ul li:hover ul
{z-index: 1000;}
/style
![endif]--
But no. Can someone please help?
--
Debbie
www.redkitecreative.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] z-index issue in IE7
That fixes it, thanks very much!
--
Debbie
On 11/5/2010 11:45 AM, Alan Gresley wrote:
Debbie Campbell wrote:
On this site:
http://www.redkitecreative.com/projects/performance/contact-us/
if you hover on Browse Our Inventory, in IE7 the hovered menu is
hidden behind the #maincontent div.
I tried this:
!--[if IE 7]
style type=text/css
#maincontent {z-index: 10;}
ul.menu li:hover ul, ul.menu ul li:hover ul, ul.menu ul ul li:hover
ul {z-index: 1000;}
/style
![endif]--
But no. Can someone please help?
Your screen CSS has this.
#maincontent {
width:100%;
font-size: 1.05em;
position: relative; /* DELETE */
top: 0; /* DELETE */
padding-top: 1.4em;
background-color: #fff;
}
IE7 create a new stacking context with position:relative. If
position:relative is not needed, then remove it and the dropdown will
render above div#maincontent.
__
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] z-index issue in IE7
Oops - I spoke too soon.
I fixed the Flash-overlapping-the-menu issue, but I have one last
problem in IE7 only. The image scroller (#mainscroll) is also
overlapping the menu. I tried a z-index but not working, it's this page:
http://www.redkitecreative.com/projects/performance/
--
Debbie
www.redkitecreative.com
On 11/5/2010 11:45 AM, Alan Gresley wrote:
Debbie Campbell wrote:
On this site:
http://www.redkitecreative.com/projects/performance/contact-us/
if you hover on Browse Our Inventory, in IE7 the hovered menu is
hidden behind the #maincontent div.
I tried this:
!--[if IE 7]
style type=text/css
#maincontent {z-index: 10;}
ul.menu li:hover ul, ul.menu ul li:hover ul, ul.menu ul ul li:hover
ul {z-index: 1000;}
/style
![endif]--
But no. Can someone please help?
Your screen CSS has this.
#maincontent {
width:100%;
font-size: 1.05em;
position: relative; /* DELETE */
top: 0; /* DELETE */
padding-top: 1.4em;
background-color: #fff;
}
IE7 create a new stacking context with position:relative. If
position:relative is not needed, then remove it and the dropdown will
render above div#maincontent.
__
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] setting z-index on a lightbox in WordPress
Thanks - that's weird, before I had to have the z-index on the menu to
get the dropdown menus to show above the content. But it's working fine
now, thanks to those who replied.
--
Debbie
On 11/2/2010 7:44 PM, Philippe Wittenbergh wrote:
On Nov 3, 2010, at 8:39 AM, Debbie Campbell wrote:
In this WordPress site:
http://www.greyrockconcretedesign.com/gallery/?album=6gallery=2
I can't get the div#TB_window (NextGen Gallery is the plugin) to show in front
of the menu - z-index isn't working or I'm applying it incorrectly. Can someone
help?
normal... :-)
from the stylesheet:
http://www.greyrockconcretedesign.com/wp-content/themes/skin/library/media/css/screen.css
ul#menu-primary-menu li a {z-index: 1000;}
That is higher than the z-index for your #TB_window
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/
[css-d] setting z-index on a lightbox in WordPress
In this WordPress site: http://www.greyrockconcretedesign.com/gallery/?album=6gallery=2 I can't get the div#TB_window (NextGen Gallery is the plugin) to show in front of the menu - z-index isn't working or I'm applying it incorrectly. Can someone help? -- Debbie Campbell www.redkitecreative.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] can't click links in IE
Thanks for the help, I cut the icons into jpg's after trying the block method, which for some reason didn't work. -- Debbie __ 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] can't click links in IE
In this site: http://blog.theseedcompany.org/ the social and feed links at the top of the sidebar aren't clickable in IE. I tried z-index, no difference. If I make the background of each a in the box a color rather than transparent or no background, then they become clickable. Can someone point me toward a fix? -- Debbie Campbell www.redkitecreative.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/
[css-d] can't center h1 in Joomla template
I've tried margin: 0 auto; and text-align: center on the H1 tag, its td and other elements on this page and cannot get the H1 to center - can someone help me out? http://beverlylanzetta.net/art-store.html -- Debbie www.redkitecreative.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] can't center h1 in Joomla template
That did it, thanks so much! -- Debbie www.redkitecreative.com On 10/13/2010 9:56 AM, Denise McLaurin wrote: Debbie Campbell wrote: I've tried margin: 0 auto; and text-align: center on the H1 tag, its td and other elements on this page and cannot get the H1 to center - can someone help me out? The browser is seeing the containing table width to be only as wide as the content. Set the table width to 100% and it should center. Denise __ 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] menu text/image buttons not working in IE7
On this page (this VirtueMart cart, actually), the menu buttons are screwy in IE7: http://beverlylanzetta.net/retablos.html If you check in a modern browser you'll see they're wide-ish image backgrounds. Can someone tell me how to fix them? -- Debbie www.redkitecreative.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/
[css-d] dropdown menu behind content in IE7
I'm having two issues in IE7 with this WordPress site: http://www.greyrockconcretedesign.com/gallery/ 1) the dropdown menu's subpage links are behind the main content. I've been trying to fix this assuming it's the z-index bug, but haven't got it working yet. 2) the gallery is overlapping the sidebar area. I'd like the rightmost album to move down to the next row as it is in FF, IE8, etc. Can someone point me in the right direction? -- Debbie www.redkitecreative.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/
[css-d] missing box shadow
Can someone please tell me why I'm not seeing the box shadow that's applied to the round-cornered white div in this page? http://www.redkitecreative.com/projects/rk2010/portfolio/ It's working fine on other pages. -- Debbie Campbell www.redkitecreative.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] missing box shadow
That was it, thank you. -- Debbie On 9/14/2010 4:21 PM, Tim Duffy wrote: its there you just can't see it. apply a bottom margin to the div. Tim On Tue, Sep 14, 2010 at 5:03 PM, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: Can someone please tell me why I'm not seeing the box shadow that's applied to the round-cornered white div in this page? http://www.redkitecreative.com/projects/rk2010/portfolio/ It's working fine on other pages. -- Debbie Campbell www.redkitecreative.com http://www.redkitecreative.com __ css-discuss [cs...@lists.css-discuss.org mailto:css-d@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://evolt.org -- http://www.evolt.org/help_support_evolt/ __ 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] link is underlined, but set to text-decoration: none
In this site-in-progress, my logo (#site-title) link is underlined and
shouldn't be.
http://www.hcarebills.com/blog/
#site-title a, #site-title a:link, #site-title a:visited {
display: block;
height: 133px;
width: 278px;
background: transparent url(images/logo.jpg) no-repeat 0 0;
text-indent: -em;
text-decoration: none;
}
Can someone help?
--
Debbie Campbell
www.redkitecreative.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] link is underlined, but set to text-decoration: none
Oh good, something silly. Thanks.
--
Debbie
On 9/8/2010 5:28 PM, Tim Duffy wrote:
your hi is showing
h1 {
border-bottom:1px solid #6011DB;
font-size:23px;
font-weight:600;
line-height:28px;
padding-bottom:3px;
}
On Wed, Sep 8, 2010 at 7:26 PM, Debbie Campbell d...@redkitecreative.com
mailto:d...@redkitecreative.com wrote:
In this site-in-progress, my logo (#site-title) link is underlined
and shouldn't be.
http://www.hcarebills.com/blog/
#site-title a, #site-title a:link, #site-title a:visited {
display: block;
height: 133px;
width: 278px;
background: transparent url(images/logo.jpg) no-repeat 0 0;
text-indent: -em;
text-decoration: none;
}
Can someone help?
--
Debbie Campbell
www.redkitecreative.com http://www.redkitecreative.com
__
css-discuss [cs...@lists.css-discuss.org
mailto:css-d@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://evolt.org --
http://www.evolt.org/help_support_evolt/
__
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] need help with footerStickAlt
I'm adding a blog to a client's site and am having trouble getting the footer to stick to the bottom of the browser window; I'm using footerStickAlt. Can anyone help me fix this? http://www.essentiallybareclinic.com/blog/ -- Debbie www.redkitecreative.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] footer not sticking to bottom of window, but footer contents are
Thanks! Worked perfectly.
'Fairy floss' - I like that.
--
Debbie
On 8/12/2010 5:36 AM, Alan Gresley wrote:
Alex Mitchell wrote:
On Wed, Aug 11, 2010 at 5:07 PM, Debbie Campbell
d...@redkitecreative.comwrote:
Interesting - it kind of works but now it's up over the top of the
content
near the bottom of the page. I tried a clearing element, that didn't
help.
But it's better...
--
Debbie
You're right, I didn't notice that. To fix this, add a
margin-bottom:37px;
to the div#center and it should fix all the problems.
Hope this helps,
Alex Mitchell
http://gumware.com/
This is simply fixed by giving div#center a bigger padding-bottom.
Currently there is this.
#center {
float: left;
width:667px;
padding: 0 20px 10px 0;
}
Change it to this to account for the height of the footer which is 37px.
#center {
float: left;
width:667px;
padding: 0 20px 37px 0;
}
You may wish to address what 'body.home #center' is selecting. And
change the height of the padding-bottom. Better still just have this.
body.home #center {
width:380px;
}
BTW Alex, adding float:right and margin-bottom: 37px is like throwing
fairy floss at the problem and hoping that it sticks. Less is better.
__
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] footer not sticking to bottom of window, but footer contents are
Interesting - it kind of works but now it's up over the top of the content near the bottom of the page. I tried a clearing element, that didn't help. But it's better... -- Debbie On 8/11/2010 5:44 PM, Alex Mitchell wrote: On Wed, Aug 11, 2010 at 4:30 PM, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: My 100%-width footer (the dark bar in the middle of the page) is not sticking to the bottom of the browser window in FF, Chrome, etc. but the contents of the footer are: http://174.120.243.190/~qhkhwed/index.php?page=everything-i-love I'm using the footerstickalt method. Can someone tell me what I'm doing wrong here? -- Debbie Campbell Kind of an odd fix and I'm not quite sure why it worked, but by using firebug I could see that the content that was actually at the bottom was the p.designby, which was floated right. I added float:right to the style of the footer, and it magically worked. I'll investigate it more when I have the time. Hope this helps, Alex Mitchell http://gumware.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/
[css-d] WordPress menu item resizing in IE
In IE 8/7/6, the dropdown menu below About Us first displays narrow, then expands to the right to the full width. Can someone let me know what I need to correct in the CSS to make it display full width right away? http://www.greyrockconcretedesign.com/contact-us/ -- Debbie Campbell www.redkitecreative.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/
[css-d] sticky footer issue in Opera 10.6
I'm using the footerStickAlt sticky footer method on this site-in-progress: http://www.redkitecreative.com/projects/optienz/jobs/ It seems to be working fine in FF, Safari, Chrome, IE8/7 but is breaking in Opera 10.6 and below. Can someone tell me how to fix it or where to find more info on the problem? -- Debbie Campbell www.redkitecreative.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/
[css-d] page not loading properly in IE8
Pages on this WordPress site are not always loading correctly in IE8: http://www.tomlinsondesigns.com/projects/ If you don't see it, you should when you move to different pages - sometimes the white background is missing and other design elements in the sidebar and footer are moved. Can someone advise? This only seems to be happening in IE. -- Debbie www.redkitecreative.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/
