Forums

Get help. Give help. A Web Design and Development Community.

Two divs and problem. Please help.

  • # November 26, 2008 at 1:41 pm

    Site’s html is here:
    http://rafb.net/p/VzjdoR36.html

    Image:
    http://www.gry-online.pl/.%5CGaleria%5C … 021779.gif

    Now is like at the top half of image.
    I want to do like the bottom of image.

    So the quote’s div is mobile (like we have with images).

    Anyone can help me?

    # November 26, 2008 at 3:25 pm

    This reply has been reported for inappropriate content.

    Does it have to be two divs?

    If not then try this code:

    Code:

    Untitled Page

    /* BBCode
    ———— */
    .quotetitle {
    margin: 10px 5px 0px 5px;
    padding: 2px 4px;
    border: solid 1px #C6DBC7;
    color: #7DA578;
    background-color: #EAF2E9;
    font-size: 0.85em;
    font-weight: bold;
    }

    .quotetitle .quotetitle {
    font-size: 1em;
    }

    .quotecontent {
    margin: 0px 5px 10px 5px;
    padding: 5px;
    border-color: #C6DBC7;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.4em;
    /* font-family: “Lucida Grande”, “Trebuchet MS”, Helvetica, Arial, sans-serif; */
    background-color: #EFF7EE;
    color: #444;
    }

    .quotewrapper
    {
    clear: both;
    margin: 10px 5px;
    background: #EAF2E9 top left no-repeat;
    padding-left: 19px;
    border: solid 1px #C6DBC7;
    border-bottom-color: #AAC9AC;
    border-right-color: #AAC9AC;
    width: 100% -20px;
    }
    .quotewrapper .quotetitle {
    margin: 0;
    border-width: 0 0 1px 1px;

    }
    .quotewrapper .quotecontent {
    margin: 0;
    border-width: 0 0 0 1px;
    }
    #avatar { float: right; width: 55px; height: 55px; }

    {0} napisał:
    {1}

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

We have a pretty good* newsletter.