css – three column website


<html>
<head><title>no no</title>
<style type='text/css'>
    body {
        font-size:100%;
        font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
        font-weight:normal;
        background:#f3f2e8;
        color:#514630;
    }
    #wrap {
        margin:0 auto;
        padding:40px;
        max-width:62.5em;
        background:#6D2828;
    }
    .main {
        float:left;
        width:73%;
        background:hotpink;
    }
    .secondary {
        float:right;
        width:25%;
        background: yellow;
    }

    div.entry ul.entry-meta {
        float:left;
        width:225px;
    }

    div.entry-body {
        float:right;
        width:460px;
        font-size:1em;
        line-height:1.6;
    }
    #footer {
        clear:both;
        text-align:center;
        background:aqua;
    }
    #header {
        height:40px;
        background:#c9c90f;
    }
</style>
</head>
<body>
<div id='header'>youcan declare header here</div>
<div id='wrap' class='group' class='group'>
    <div class='main'>
        <h2>coffe here</h2>
        <div class='entry last-group'>
            <h3>new study coffe good</h3>

            <ul class='entry-meta'>
                <li><h4>Januari 2014</h4></li>
                <li>Posta at</li>
                <li>bybyby</li>
            </ul>

            <div class='entry-body'>
                <p>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nam et rutrum elit.
Nunc aliquet metus sed tellus venenatis
ac cursus neque adipiscing.
 Mauris pretium vehicula sem, fermentum iaculis erat
tincidunt sit amet. Suspendisse consequat ligula vel
est mattis blandit. Donec eleifend tempor et varius
nulla hendrerit. Aenean placerat pharetra enim, in
vehicula odio porttitor sit amet. Phasellus ac
ullamcorper orci. Aliquam erat volutpat. Ut sed odio
eu ligula condimentum commodo at ut purus.
Aliquam et molestie mauris. </p>
            </div>
        </div>
    </div>

    <div class='secondary'>
        <div class='mod alt'>
            <h3>press</h3>
            <ul class='press'>
                <li>
                    <blockquote>
                        <p>Tugboat coffee just</p>
                        <p class='author'>--Marthin Farmer--<cite>Bean Magz</cite></p>
                    </blockquote>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id='footer'>
    just footer here just here
</div>
</body>
</html>

Published by

G3n1k

just to remember what i had known :)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s