- This topic is empty.
January 14, 2015 at 5:28 am #193185
Not sure why the ‘soon’ div doesn’t show up at all in ff. Any thoughts?
(and yes, the wrapper display is set to none; I have JQuery taking care of that).
Ps: it shows up in firefox in codepen, but not on my actual site.
Thanks in advance :)January 14, 2015 at 5:40 am #193186
I don’t understand the question.
If you have
display:noneset nothing should show up including the child elements. That’s what it does.
Anyway, if it works in Codepen then the code is, logically, correct…so there must be something else going on on your site.
I’d suggest that THAT is what we need to see.January 14, 2015 at 5:53 am #193189
yes, as explained, JQuery displays the div for me.
Please see screenshots for what happens.
(what it’s supposed to look like)
(How it looks in firefox).January 14, 2015 at 6:07 am #193190
Images are no use..we can’t diagnose code from images.
I understand that Jquery displays the div for you (
showperhaps?) but until the
display noneis removed (via JQ or some other means) the children will still not be visible.
Anyway, we need to SEE it NOT working on a live site otherwise we can’t help.
Perhaps you could explain what is is you are trying to do as well.January 14, 2015 at 6:19 am #193191
Thanks Paul – I didn’t want to upload until I had it working but please see here:
I have updated my original codepen with my full code. Even if I comment out the
display:nonein codepen, it still doesn’t display in firefox but it does in chrome.
JoelJanuary 14, 2015 at 7:25 am #193199
Float the element (#soon) left.
Also, use proper text elements inside your divs to hold the text.
Text nodes are poor practice.January 14, 2015 at 11:19 am #193242ShikkedielParticipant
Weird little issue that somehow has to do with
Using a span inside the other div works on all browsers though :
Edit – made them inline-block
<p>elements like Paulie_D suggested.January 14, 2015 at 2:01 pm #193252
Thank you both. Working great :)
- The forum ‘CSS’ is closed to new topics and replies.