WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] General Advice - A bit OT (10 posts)

  1. martcol
    Member
    Posted 4 years ago #

    Building a site for a poet. She writes poems in the shape of things. pictopoetry.co.uk.

    If you wouldn't mind checking out the "poems" page on that site and look at the post, "Try Poem" and then, "cake glorious cake" you will see that we are working out whether to do the poems in a .png file or for the poet to do them directly in WordPress.

    I'm thinking that using images might be better but the poet finds the graphic app a bit of a chore. I wonder if anyone has any ideas that might help me with the decision.

    Thanks

    Martin

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Placing the post content inside <pre></pre> tags might work.

  3. martcol
    Member
    Posted 4 years ago #

    Thhank you esmi

    I guess that I could also style it using CSS "white-space: pre;" to get the same effect? That way, the poet wouldn't even have to worry about that. Have to say, I've never used white-space before.

    I think that I was worried what might happen if a visitor moved the goal posts and we were using html. It seemed to me that using a .png would nail that completely.

    Martin

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    guess that I could also style it using CSS "white-space: pre;" to get the same effect?

    Yes. I thought of that about 15mins after I posted the above. :-)

    I think that I was worried what might happen if a visitor moved the goal posts

    In what way?

  5. martcol
    Member
    Posted 4 years ago #

    Well esmi,

    I'm not sure really, but I'm just so used to struggling through the inconsistencies between browsers and worried that a user might zoom, turn off CSS, change text size or something? If I had the confidence that was nailed down, I think that I would go with HTML over the image.

    The other thing about HTML is that the way the poet uses spaces and returns to format a poem, the code will look like a plate of spaghetti!

    And thank you for your interest

    Martin

  6. esmi
    Forum Moderator
    Posted 4 years ago #

    Using the <pre></pre> tags would protect the text if the user managed to turn off CSS. And in this context, I think it would also be semantically correct from a markup pov.

    Changing text sizes isn't so much of an issue as it was in the years before IE had a proper Zoom function but even if they're using an older version of IE and Large Text, there does come a point when you have to "let go" and allow users to make their own choices. If they prefer very large text and a horizontal scrollbar, let them have it.

  7. martcol
    Member
    Posted 4 years ago #

    Thanks again esme.

    I'm tempted now, to stick with HTML and not use images.

    The poet finds it difficult to cope with the whole graphics thing and actually prefers the method of making it all fit in the editor.

    The cake poem in the site as an example, breaks up if you zoom 4 clicks. after that it stops being a pictopoem!

    Martin

  8. esmi
    Forum Moderator
    Posted 4 years ago #

    One way to deal with the zoom breakage would be to specify all container widths in ems rather than px. That way the containers should increase proportionally to the text size.

  9. martcol
    Member
    Posted 4 years ago #

    Oh yes esmi!

    I'll get on it but the thought of all that maths is making my brain bleed!

    I reckon it will make the site-owner's life a little easier so, I'll just set aside a couple of hours and work through the px to em conversions.

    Thanks for your thoughts on this. It was very helpful.

    Martin

  10. esmi
    Forum Moderator
    Posted 4 years ago #

    I find a conversion of approx 10-11px to 1em works well as a starting point.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.