Can't hide text in html/css with overflow:hidden

Question

I've got this in the index(this is only a small portion of it)

<article id="abms">
    <p>
        Mauris vulputate lorem ac nibh rhoncus, eu mattis lorem mattis. Maecenas metus dui, rhoncus eget erat quis, vehicula luctus justo. Aenean vel porta est, tristique mollis metus. Mauris gravida diam sit amet tellus pellentesque hendrerit. Maecenas ut suscipit metus. Nunc vel volutpat est, porta sodales nibh. Pellentesque varius ac massa nec varius.
        Mauris vulputate lorem ac nibh rhoncus, eu mattis lorem mattis. Maecenas metus dui, rhoncus eget erat quis, vehicula luctus justo. Aenean vel porta est, tristique mollis metus. Mauris gravida diam sit amet tellus pellentesque hendrerit. Maecenas ut suscipit metus. Nunc vel volutpat est, porta sodales nibh. Pellentesque varius ac massa nec varius.
    </p>
</article>

And i've got this on the stylesheet:

#abms
    {
        overflow:hidden;
    }

Doesnt matter what I try, I can't get the text to hide, I want this text to hide with overflow:hidden because I want it to be visible when using overflow:visible in my jquery code sheet.

All of the files are linked correcty (i know this because all the other css and jquery effects are working) but I just can not make this hide.

I've seen tutorials doing this and it works, why won't it work for me? if some one could point the error out, that would be great.

Someone help me please

Thanks

give width height to id

Hushme
– Hushme

2013-07-27 23:15:03 +00:00
Commented Jul 27, 2013 at 23:15 — Hushme
– Hushme, Commented Jul 27, 2013 at 23:15

XCS · Accepted Answer · 2013-07-27 23:20:51Z

1

If you want to hide/show the text you have to change the display value, not overflow.

CSS:

#abms {
   display: none;
}

jQuery:

$('#abms').fadeIn(200)

Demo: http://jsfiddle.net/NcDUs/

answered Jul 27, 2013 at 23:20

XCS

28.3k28 gold badges105 silver badges155 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hushme · Accepted Answer · 2013-07-27 23:18:02Z

0

try adding width and hide the text will hide in it

http://jsfiddle.net/kKzyT/

like

#abms
    {
      width:400px;
     height:200px;
     overflow:hidden;
    }

here the text will hide in width:400px;and height:200px;

answered Jul 27, 2013 at 23:18

Hushme

3,1541 gold badge22 silver badges27 bronze badges

Collectives™ on Stack Overflow

Can't hide text in html/css with overflow:hidden

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related