Hi Tim,
(Good idea about posting again. We should continue here, instead of in the other thread which looks broken due to the HTML.)
using lists (with bullets) in a table is no problem, you’ll just need to keep line breaks in mind.
Please see my answer in this thread: http://ww.wp.xz.cn/support/topic/lists-inside-a-cell-adding-breaks
Regards,
Tobias
Hi Tobaias – thank you for the reply.
I tried your comments in the thread but am still getting the big line breaks – check it out here
http://www.milepro.com/travel-credit-cards/
When using Firebug I see there is a break in the code, but don’t know how to address this without potentially affected other areas of my site.
Do you know how I can eliminate the break in only the tables?
Thank you!
Hi,
thanks for the link, that helps a lot! 🙂
Basically, you now just “optimize” the code for three entries in one list, so please replace
<ul><li>Starpoints® bonus: earn up to 25,000 bonus points: 10,000 after your first purchase and another 15,000 after you spend $5,000 within the first 6 months of Cardmembership</li></ul>
<ul><li>That’s enough for a weekend getaway to a Category 4 hotel like the Westin Savannah Harbor Golf Resort & Spa</li></ul>
<ul><li>Free Hotel Nights: redeem Starpoints at over 1,100 hotels in nearly 100 countries worldwide - with no blackout dates</ul></li>
with
<ul><li>Starpoints® bonus: earn up to 25,000 bonus points: 10,000 after your first purchase and another 15,000 after you spend $5,000 within the first 6 months of Cardmembership</li><li>That’s enough for a weekend getaway to a Category 4 hotel like the Westin Savannah Harbor Golf Resort & Spa</li><li>Free Hotel Nights: redeem Starpoints at over 1,100 hotels in nearly 100 countries worldwide - with no blackout dates</li></ul>
Regards,
Tobias
Thank you Tobais – that worked!
One more question, in that same table, the boarder does not come up the left side of the table (column 1). Do you know why that is? Is the table too wide for the content area? I have tried adjusting the table widths, but they don’t seem to change
Here is the code I used
.tablepress-id-32 tbody td {
font-size: 12px;
}
.tablepress-id-32 .column-1 {
width: 160px;
}
.tablepress-id-32.column-2 {
width: 550px;
}
.tablepress-id-32.column-3 {
width: 160px;
}
Thank you!
Hi,
I’m not really sure why this happens, but I don’t think it is related to the column widths. So, you can remove that code again. (By the way, you have some other code that sets the column widths for ALL tables (because it doesn’t use the ID-based selector. You might want to change that, too.)
So, we can now try to re-add that right border, with this “Custom CSS”:
.tablepress-id-32 th.column-3 {
border-right: 1px solid #E0EEE0;
}
.tablepress-id-32 td.column-3 {
border-right: 1px solid #dddddd;
}
Regards,
Tobias
