SpoiledTechie.com SpoiledTechie.com - 12 days ago 6
HTML Question

iPhone Bug with Html Tables and Anchors

I have a table with a list of items in it. Shown below.

The problem is when this table is displayed on the iPhone 5/4, it still shows up, but the thread "Last Post" is a much larger font. Its increased by maybe .3em. The second issue is when I click on the first link in the first column inside the iPhone, it doesn't actually work. None of the anchor tags work. Which is really weird and I just don't understand what is going on. Please help?

UPDATE
Here is a link to the CSS Doc. Just compare it to the calendarTable attributes.
https://league.rdnation.com/content/main.css

<table class="calendarTable" id="messages">
<thead>
<tr>
<th>Title
</th>
<th>Last Received
</th>
<th>Last Post
</th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="forumTopicRow calCurrentDateEvent">
<td>
<a class="b" href="/messages/view/16">Message Title</a>
</td>
<td>
5 minutes ago
</td>
<td>
asdfasdfasd by <b>Veggie Delight</b>
</td>
<td>
</td>
</tr>
<tr class="forumTopicRow ">
<td>
<a href="/messages/view/14">Test1</a>
</td>
<td>
10 months ago
</td>
<td>
Check it twice by <b>Veggie Delight</b>
</td>
<td>
</td>
</tr>
<tr class="forumTopicRow ">
<td>
<a href="/messages/view/13">Message</a>
</td>
<td>
10 months ago
</td>
<td>
This is a Message to by <b>Veggie Delight</b>
</td>
<td>
</td>
</tr>
<tr class="forumTopicRow ">
<td>
<a href="/messages/view/12">Message</a>
</td>
<td>
10 months ago
</td>
<td>
Do you like this by <b>Veggie Delight</b>
</td>
<td>
</td>
</tr>
<tr class="forumTopicRow ">
<td>
<a href="/messages/view/9">Testing</a>
</td>
<td>
one year ago
</td>
<td>
This is a new messa by <b></b>
</td>
<td>
</td>
</tr>
</tbody>
</table>

Answer

Hey mate I didnt see your code but recently I fixed my newsletter by adding

-webkit-text-size-adjust:none; 

in your td style

I had the same problem.

Try it might be the issue.

Comments