1

Just added a table to my article http://www.wikihow.com/Call-Australia-from-the-USA and found that it caused a step to break format. I’ve tried various methods but to no avail so far. Anybody know how to solve this? Thanks, Jamie

2

I had a play around myself, however did not succeed. It looks like that the table at the moment is too wide to fit into a step. I tried adding: |valign=“top” width=“500px”| to make the width smaller, however still failed, miserably. The other option is to try a HTML table? -Tom.

3

I put the table at the end - I think it still suits…? Looks like a temporary solution to me… http://www.wikihow.com/index.php?title=Call-Australia-from-the-USA&diff=12612491&oldid=12611151

4

Thanks @Shinako ! And Tom, I’d probably need your help with that, with my HTML abilities being veeeeery rusty/rusted away. I think it looks fine where it is and the text specifies where to locate the table anyway… Thanks guys!

5

No prob!

6

Looks like @TheChappers has found a solution to this thing! http://www.wikihow.com/index.php?title=Call-Australia-from-the-USA&diff=12614238&oldid=12612491

7

I spent a good hour trying to resolve the problem @Shinako - I even tried a HTML table but with no luck. It just broke the wikiCode completely. I though the best solution to keep the table within the step, was of course, a screen shot of the table.:stuck_out_tongue:

8

Thanks again, Tom!

9

Haha, Tom:stuck_out_tongue:

10

Just thought Id put in some feedback…the table is unreadable from the mobile site on on a small smartphone screen without zooming, which ruins the user experience.

11

If you did want to do it, here’s how you would – http://www.wikihow.com/index.php?title=Call-Australia-from-the-USA&diff=12617202&oldid=12614265 But yeah, the table might not work so well on mobile. But then images aren’t accessible to people with screen readers… so it’s kind of a tough call:confused:

12

@Anna Quick question: You used ordered list to avoid the numbering issue, in which every new step is a new list item (li). Is an ordered list with list items exactly the same as using # for new steps? Or are there any differences? If they are the same…using lists won’t cause any formatting issue in mobile site (or any such similar problems.)?

13

I’m not an expert on it, but I don’t think there’s any difference - I was just piggy-backing off what Mrappbrain said about tables themselves looking bad on a small smartphone screen. But in itself, the HTML ordered list should look the same as regular wikitext, I believe? It’s just harder to edit, so we only use it when we have to because it can be confusing to subsequent editors coming in.

14

Hmm…you’re right. But the amount of people accessing wikihow from a smartphone is bound to be much higher than the amount of people using screen readers, right?