How to change the vertical alignment of shortcode audio

  • Author
    Posts
  • #3049968

    oloflundgren
    Member

    Hello,
    I am making a table with a list of words with added shortcut audio for the pronunciation of each word.

    However, in the table the text is aligned to the bottom of the cell whereas the audio is aligned top the top of the cell.

    How can I change this? I have tried to change the <td> to <td valign="bottom"> but it doesn’t seem to work.

    Here’s my code:

    <table>
    <tbody>
    <tr>
    <td>súŋkawakȟáŋ</td>
    <td>horse</td>
    <td>[audio "http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02.wav" ]</td>
    </tr>

    The audio for now is temporary, it’s the alignment that is important.

    The blog I need help with is lakotalanguage.wordpress.com.

    #3050171

    Hi there,

    You can try below code to align it to bottom and let me the results:

    <td style=”vertical-align: bottom;”>

    Let me know if you have more questions.

    Thanks!

    #3050204

    oloflundgren
    Member

    Hi tarunvijwani,

    Thank you very much for your reply and your suggestion.

    I tried the following code:

    <tr>
    <td>súŋkawakȟáŋ</td>
    <td>horse</td>
    <td style="vertical-align:bottom;">[audio "http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02.wav" ]</td>

    And now at least the shortcode audio has the same alignment as the text in the other cells, although weirdly enough it aligned to the top instead of the bottom.

    Thank you!

    #3050205

    oloflundgren
    Member

    The result can be seen here: https://lakotalanguage.wordpress.com/animals/

You must be logged in to reply to this topic.