Unordered List Not in Table?

    • 233 posts
    November 6, 2020 5:29 PM EST

    Hi all

    Wonder why my list not contained in TD cell? Thanks Gary

    <!-- Winter -->
    <h2>Winter Months (Oct-Mar)</h2>
    <p><img src="/images/v2PNG-winter.jpg" width="800"></p>
    <p>
    <table style="border: 1px solid black; width: 90%;">
    <tr>
    <td style="padding: 5px; vertical-align: top;">
    <ul style="list-style-type: square;">
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/norhar2?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Northern Harrier</a>

    http://www.friendsofthepawneegrassland.org/pages/SpeciesAlert

    • Moderator
    • 6923 posts
    November 7, 2020 4:51 AM EST

    Did you make that widget with the rich text widget? How did you make the content on the page? 

    • 78 posts
    November 7, 2020 10:25 AM EST
    Gary said:

    Hi all

    Wonder why my list not contained in TD cell? Thanks Gary

    <!-- Winter -->
    <h2>Winter Months (Oct-Mar)</h2>
    <p><img src="/images/v2PNG-winter.jpg" width="800"></p>
    <p>
    <table style="border: 1px solid black; width: 90%;">
    <tr>
    <td style="padding: 5px; vertical-align: top;">
    <ul style="list-style-type: square;">
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/norhar2?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Northern Harrier</a>

    http://www.friendsofthepawneegrassland.org/pages/SpeciesAlert

    how about try to increase the td padding to 20px instead of 5px?

    • Moderator
    • 6923 posts
    November 7, 2020 2:01 PM EST

    Pretty sure those tags are not allowed here for safety reasons. 

    • Moderator
    • 6923 posts
    November 8, 2020 5:29 AM EST

    The odd thing is, your second list works fine but the top one does not. I tried the second list on my own page on my test site and put it in twice and it works fine. Perhaps there is something in that top list that is breaking the formatting somehow? Maybe copy the second list and change what you need. Could even be some hidden characters if you copied from any sort of program other than a good editor such as netbeans, phpstorm, sublime text, notepad++, Brackets. Dreamweaver, though ok for themes, adds hidden codes that can mess up sites like this. Same for a basic word processor if you are using one of those, they add hidden stuff. 

    • 233 posts
    November 9, 2020 10:24 AM EST

    @Donna, yes Rich Text widget

    • 233 posts
    November 9, 2020 10:25 AM EST

    @Themrt when I did that the space between the bullet and its associated text widened, the bullet did not move.

    • 233 posts
    November 9, 2020 10:26 AM EST

    @Donna don't use html tool, handscribed html. I'll try rebuilding first list with second list see if that helps.

    • 233 posts
    November 9, 2020 10:38 AM EST

    Here is full code for Rich Text widget

    <!-- Winter -->
    <h2>Winter Months (Oct-Mar)</h2>
    <p><img src="/images/v2PNG-winter.jpg" width="800"></p>
    <p>
    <table style="border: 1px solid black; width: 90%;">
    <tr>
    <td style="padding: 5px; vertical-align: top;">
    <ul style="list-style-type: square;">
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/norhar2?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Northern Harrier</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/ferhaw?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Ferruginous Hawk</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/goleag?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Golden Eagle</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/prafal?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank"> Prairie Falcon</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/sheowl?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Short-eared Owl</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/shtgro?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Sharp-tailed Grouse</a>
    </ul>
    </td>
    <td style="padding: 5px; vertical-align: top;"><ul>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/laplon?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Lapland Longspur</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/snobun?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Snow Bunting</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/norshr4?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Northern Shrike</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/rolhaw?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Rough-legged Hawk</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/merlin?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Merlin</a>
    </ul>
    </td>
    </tr>
    </table>
    </p>
    <h2>Summer Months (Apr-Sep)</h2>
    <!-- Summer -->
    <p><img src="/images/v2PNG-summer.jpg" width="800"></p>
    <p>
    <table style="border: 1px solid black; width: 90%;">
    <tr>
    <td style="padding: 5px; vertical-align: top;">
    <ul>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/brespa?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Brewer's Sparrow</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/burowl?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Burrowing Owl</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/lobcur?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Long-billed Curlew</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/swahaw?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Swainson's Hawk</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/mouplo?neg=false&env.minX=-111.17639150000001&env.minY=35.679272457580566&env.maxX=-99.92639150000001&env.maxY=42.22414233952827&zh=true&gp=false&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Mountain Plover</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/ferhaw?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Ferruginous Hawk</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/goleag?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Golden Eagle</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/logshr?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Loggerhead Shrike</a>
    </ul>
    </td>
    <td style="padding: 5px; vertical-align: top;">
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/prafal?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Prairie Falcon</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/sagthr?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Sage Thrasher</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/chclon?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Chestnut-collared Longspur</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/larspa?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Lark Sparrow</a>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/shtgro?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Sharp-tailed Grouse</a>
    </ul>
    </td>
    </tr>
    </table>
    • Moderator
    • 6923 posts
    November 9, 2020 11:11 AM EST

    It works for me. I put it in the source code since it is html code. Are you using the source code option when adding your code? Here's how it looks but I didn't link an image so that part breaks. Still, you can see the list is fine. I do note that you are not closing your list tags like you should. Perhaps it is causing an issue.

     

    • 233 posts
    November 9, 2020 11:22 AM EST

    Added close tag. Same results using Firefox and Google Chrome latest versions.

    <!-- Winter -->
    <h2>Winter Months (Oct-Mar)</h2>
    <p><img src="/images/v2PNG-winter.jpg" width="800"></p>
    <p>
    <table style="border: 1px solid black; width: 90%;">
    <tr>
    <td style="padding: 5px; vertical-align: top;">
    <ul style="list-style-type: square;">
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/norhar2?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Northern Harrier</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/ferhaw?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Ferruginous Hawk</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/goleag?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Golden Eagle</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/prafal?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank"> Prairie Falcon</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/sheowl?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Short-eared Owl</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/shtgro?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Sharp-tailed Grouse</a></li>
    </ul>
    </td>
    <td style="padding: 5px; vertical-align: top;"><ul>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/laplon?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Lapland Longspur</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/snobun?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Snow Bunting</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/norshr4?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Northern Shrike</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/rolhaw?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Rough-legged Hawk</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/merlin?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=10&emo=3&yr=cur" target="_blank">Merlin</a></li>
    </ul>
    </td>
    </tr>
    </table>
    </p>
    <h2>Summer Months (Apr-Sep)</h2>
    <!-- Summer -->
    <p><img src="/images/v2PNG-summer.jpg" width="800"></p>
    <p>
    <table style="border: 1px solid black; width: 90%;">
    <tr>
    <td style="padding: 5px; vertical-align: top;">
    <ul>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/brespa?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Brewer's Sparrow</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/burowl?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Burrowing Owl</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/lobcur?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Long-billed Curlew</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/swahaw?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Swainson's Hawk</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/mouplo?neg=false&env.minX=-111.17639150000001&env.minY=35.679272457580566&env.maxX=-99.92639150000001&env.maxY=42.22414233952827&zh=true&gp=false&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Mountain Plover</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/ferhaw?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Ferruginous Hawk</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/goleag?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Golden Eagle</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/logshr?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Loggerhead Shrike</a></li>
    </ul>
    </td>
    <td style="padding: 5px; vertical-align: top;">
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/prafal?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Prairie Falcon</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/sagthr?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Sage Thrasher</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/chclon?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank"> Chestnut-collared Longspur</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/larspa?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Lark Sparrow</a></li>
    <li><a style="text-decoration: underline;" href="https://ebird.org/map/shtgro?neg=false&env.minX=-105.1841049194336&env.minY=40.25637270234196&env.maxX=-103.7778549194336&env.maxY=41.05543871034989&zh=true&gp=true&ev=Z&mr=on&bmo=4&emo=9&yr=cur" target="_blank">Sharp-tailed Grouse</a></li>
    </ul>
    </td>
    </tr>
    </table>

     


    This post was edited by socialenginestaff at November 9, 2020 11:37 AM EST
    • Moderator
    • 6923 posts
    November 9, 2020 11:35 AM EST

    I had asked before if you are using a rich text block. You are using an html block. Please use a rich text block and in that block be sure to choose the source code option. The html block is not going to work for what you want to do. I checked your page and in inspect element, it shows you are using an html block and not a rich text block.

    • 233 posts
    November 9, 2020 12:06 PM EST

    Problem solved, thanks Donna!

    • 233 posts
    November 9, 2020 12:07 PM EST

    I guess out of curiosity why would not HTML code not work in an HTML-Block?

    • Moderator
    • 6923 posts
    November 9, 2020 12:10 PM EST

    My best guess is security. TinyMCE has built in stuff for security and so it allows different things. A plain html widget would not and so the stuff in that has to go through the SEPHP sanitizer which strips un-allowed tags. That is a guess.