Hirdetés

Új hozzászólás Aktív témák

  • Speeedfire

    félisten

    Üdv!

    Adott egy tartalom:

    <div class="postelott"></div>
    <div class="post">
    <h1>Foci 2010 Szápár</h1>
    <p>asdsadsadsa</p>
    <p class="post-footer">
    <a class="ajaxload" href="./foci-2010-szapar" class="readmore">Tovább >></a>
    <span class="date">2010-09-13</span>
    <a href="./kepgaleria" class="readmore">Képgaléria</a>
    <a href="./" class="keszito">Admin</a>
    </p>
    </div>
    <div class="postutan"></div>

    Hozzá a css:

    .postelott {
    background: url(post-top.png) no-repeat 0 center;
    width:630px;
    height:5px;
    margin: 0 auto;
    }

    .postutan {
    background: url(post-bottom.png) no-repeat 0 center;
    width:630px;
    height:5px;
    margin: 0 0 15px;
    margin-bottom: 10px;
    }

    .post {
    margin: 0; padding: 0;
    border-left: 5px solid white;
    border-right: 5px solid white;
    }
    .post .post-footer {
    background-color: #fafafa;
    padding: 5px; margin-top: 20px;
    font-size: 95%;
    border: 1px solid #993333;
    margin: 10px;
    }
    .post .post-footer .date {
    background: url(clock.gif) no-repeat 0 center;
    padding-left: 20px; margin: 0 10px 0 5px;
    }
    .post .post-footer .comments {
    background: url(comment.gif) no-repeat 0 center;
    padding-left: 20px; margin: 0 10px 0 5px;
    }
    .post .post-footer .readmore {
    background: url(page.gif) no-repeat 0 center;
    padding-left: 20px; margin: 0 10px 0 5px;
    }

    .post .post-footer .keszito {
    background: url(icon.png) no-repeat 0 center;
    padding-left: 20px; margin: 0 10px 0 5px;
    }

    A gondom az, hogy alul nem ér össze a 2 oldalsó illetve alsó keret. Hogy tudnám ezt megoldani?

Új hozzászólás Aktív témák