Comment-Bereich

sekwoi

Hallo zusammen,

bin gerade dabei, den Comment-Bereich zur erstellen.

So soll's aussehen:

http://dl.dropbox.com/u/5180174/comment.gif

So weit bin ich gekommen:

http://dl.dropbox.com/u/5180174/comment.html

Alleine komme ich nicht mehr weiter.

Vielen Dank im Voraus!

Bandit

Alles sehr interessant. Aber hast du auch eine Frage?

driver

versuchs mal so

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
    body {
        font-family: Times New Roman, serif;
        color: #333;
        font-size: 62.5%;
    }

    p {
        font-size: 1.4em;
        line-height: 1.6em;
    }

    #comment  {
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        margin: 20px 0;
        padding: 10px 0;
        width: 540px;
    }


    .left  {
        float: left;
        padding-right: 10px;
        width: 160px;
    }


    .border  {
        border-left: 1px solid #CCCCCC;
        padding-left: 20px;
        width: 320px;
    }


    .name {
        font-style: italic;
        text-align: right;
    }


    .date {
        text-align: right;
        font-size: 1.2em;
    }


    .clearer {
        clear:both;
    }
</style>
</head>
<body>
<div id="comment">
    <div class="left">
        <p class="name">Neilson</p>
        <p class="date">November 22nd, 2009</p>
    </div>
    <div class="left border">
            <p>I really like this post. Are these books fictional? I must admit I have never read any of them. I am however, a fan of sci-fi. One of the most interesting offerings in space travel I have come across is found in the pages of OSC’s Children of the Mind. Anyhow, I am with Kelvin, ‘i love this’.</p>
    </div>
    <br class="clearer"/>
</div>

</body>
</html>

Alles anzeigen

sekwoi

Vielen, vielen Dank! Genau so habe ich mir das vorgestellt. Von alleine wär ich da wohl nie draufgekommen.

Tags