473,383 Members | 1,815 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,383 software developers and data experts.

How to mark up poetry?

using <pre class="poem"></pre>?

or a <div class="poem"></div> in combination with <br> Which I use now,
and think its ugly, I prefer the pre I think but I ask first :-D.

I read somewhere, sometime ago, about using a div for each line (each
verse [1]), hold lines together (stanza [1]) with another div, and
another div to contain all.

Any suggestions / pointers are welcome.

[1] I hope I use these terms correctly.

--
John MexIT: http://johnbokma.com/mexit/
personal page: http://johnbokma.com/
Experienced Perl programmer available: http://castleamber.com/
Jul 20 '05 #1
2 4297
John Bokma <po********@castleamber.com> wrote in message news:<40*********************@news.kabelfoon.nl>.. .
using <pre class="poem"></pre>?

or a <div class="poem"></div> in combination with <br> Which I use now,
and think its ugly, I prefer the pre I think but I ask first :-D.
I think a <div> is more logical. It's one lump of text belonging
together, so why not put it in a div? If you use <pre>, most browsers
will, by default, render this in a monospace font, which may not be
what you want. You could style the pre according to your wishes, of
course.

More importantly, inside the <div> you can add still more structure at
the markup level, allowing you to style, for example, the first letter
of each stanza.

If you have complicated indentation that is relevant for the poem,
<pre> may be easier. You can add <span>s and give them the appropriate
margins, but a <pre> is more robust if a user doesn't follow your CSS
suggestions.

Have a look at http://www.phys.uu.nl/~gdevries/test/poem.html: I wrote
the same poem twice, once in a <div> and once in a <pre>. Try viewing
the page without the styling (easily done in Opera), and you'll see
the differences.
I read somewhere, sometime ago, about using a div for each line (each
verse), hold lines together (stanza) with another div, and
another div to contain all.


Why make it so complicated? Using <p> for a stanza, and <br /> for a
line break seems more natural.

Best regards,
Garmt.
Jul 20 '05 #2
John Bokma <po********@castleamber.com> wrote:
using <pre class="poem"></pre>?


I wouldn't do it this way because not all poems are formatted and some
have typographical quirks that this wouldn't show.

--
_Deirdre http://deirdre.net
"Memes are a hoax! Pass it on!"
Jul 20 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Sean Ross | last post by:
Set, Mark, and Apply Decoration Provide a means to set the decoration that will be applied to all marked functions (and maybe classes) within a scope (module, class, or function). For example...
47
by: Daniel Silva | last post by:
Shriram Krishnamurthi has just announced the following elsewhere; it might be of interest to c.l.s, c.l.f, and c.l.p: http://list.cs.brown.edu/pipermail/plt-scheme/2005-April/008382.html The...
11
by: Mark A | last post by:
Here is Mark Townsend's (Oracle Product Manager) explanation and justification for posting in the DB2 newsgroup, as posted on the Oracle newsgroup, and my response: "Mark Townsend"...
3
by: DraguVaso | last post by:
Hi, I have different VB.NET-applications that threat records from my table. To be sure a record isn't threated by two applications at the same time, I want to leave a mark in the record on the...
3
by: Al | last post by:
Hello, Sorry for the silly question: How do I insert Check Mark into RichTextBox? I can’t find the ascii code for it. Thanks Alex
8
by: p175 | last post by:
Express C v9.1 I'm having a hell of a job trying to reduce the highwater mark for various tablespaces in Express C. DB2MART advises to reorg several tables with LONGLOBDATA and to disconnect,...
5
by: BartlebyScrivener | last post by:
I'm working on a book of technology and computer programming humor. First, can anybody recommend any other such books? And second is there a repository of Python poetry, poems translated into...
6
by: Chip Pearson | last post by:
I'm sure I'm missing something simple, but I've hit a brick wall. I'm creating an ASP.NET 2.0 web site in VS2005 (VB.NET) and need to read data from an Access database without attaching it to any...
4
by: maria | last post by:
I only use C++ with Visual Studio 6.0 for string manipulations in thousands of HTML pages on my website. Many times, the output files of many of my C++ programs contain a spanish question mark (¿)...
0
by: lcurlr | last post by:
I have posted a few examples of using Curl for poetry markup and I have several pages at poets.aule-browser.com Most often I use a single Curl outer element, e.g., {poem } {poem || poem text...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.