The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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?



    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed