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
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
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
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: absol
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
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-
