How to markup a conversation?

I was searching the web today to find out how to markup a conversation/dialog, but there seems to be no defin­it­ive solution — only “HTML5 dialog” ref­er­ences. This is what I came up with so far (by following Jon Tan’s sug­ges­tion).

Manuel
I am won­der­ing how to prop­erly markup a conversation.
Lazyweb
Well I can’t help but suggest you post about it. Maybe someone has an idea or were more suc­cess­ful at taking it with Google.
Manuel
Yeah, hope you’re right and someone will comment on this. And I don’t want to wait for the HTML5 dialog tag!
Lazyweb
You’re think­ing about the Superfriends? Be confident.

Is this the way to go? Here’s the markup and the CSS:

<dl class="dialog">
    <dt class="dialog">Manuel</dt>
        <dd class="dialog">Bla bla bla?</dd>
    <dt class="dialog">Lazyweb</dt>
        <dd class="dialog">Nom nom nom!</dd>
    <dt class="dialog">Manuel</dt>
        <dd class="dialog">Tweet tweet tweet?</dd>
    <dt class="dialog">Lazyweb</dt>
        <dd class="dialog">Me me me!</dd>
</dl>
dl.dialog {
    color:#666;
    margin-left:3em;
}
dt.dialog {
    color:#666;
    margin-left:0;
    font-weight:bold;
}
dd.dialog {
    color:#666;
    margin-left:1em;
    font-style:italic;
    margin-bottom:.4em;
}
Posted in Blog | Tagged , , , , | 1 Comment

The 5th of november

Manuel in the mask from “V for Vendetta”, the movie

Evey
Who are you?
Guy called “V”
Who? Who is but the form following the function of what and what I am is a man in a mask.
Evey
Well I can see that.
Guy called “V”
Of course you can. I’m not ques­tion­ing your powers of obser­va­tion I’m merely remarking upon the paradox of asking a masked man who he is.
Evey
Oh. Right.

A quote from V for Vendetta, the movie.

More about this photo at its Flickr page.

Posted in Blog | Tagged , | Leave a comment

Try the reason why videos

The title is fishing for interest, but those two girls are totally worth it to point you into their direction by a mis­lead­ing headline.

You’re welcome.

Posted in Blog | Tagged , , | Leave a comment

Konfirmandenbrücke Klenterhörn

Konfirmandenbrücke Klenterhörn

Eventhough this bridge used to be called the “Confirmees Bridge”, my idea for the rainbow has nothing to do with any “from above”-nonsense. I just thought that it adds some inter­est­ing­ness.

Not one unicorn passed the bridge that day — such a shame.

More about this photo at its Flickr page.

Posted in Blog | Tagged , , | Leave a comment

Hörnumer Unterfeuer

Hörnumer Unterfeuer

On top of the Hörnumer “Unterfeuer” light house. I played a bit with the colors and the blur. Looks okay, could be better though.

More about this photo at its Flickr page.

Posted in Blog | Tagged , | Leave a comment

Grrrr!

Grrrr!

More about this photo at its Flickr page.

Posted in Blog | Leave a comment