Grow your CSS skills. Land your dream job.

Displaying only a single row of a html table

  • # February 17, 2013 at 5:19 am

    I have a html table which has a column of text (multilines) and a column of audio file names. Instead displaying all the rows, I would just like to display a single row for each page and an audio play button, with arrow buttons to navigate the rows. Is this possible with html/css? Or do I have to look at Perl, Php, Rails etc?

    Thanks

    James

    # February 17, 2013 at 5:57 am

    Display a single row isn’t complicated. Something like this should work:

    tr { display: none; }
    tr:first-of-type { display: block; }

    However make interaction with arrows and stuff will require some JavaScript.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".