The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

Two divs and problem. Please help.

  • # November 26, 2008 at 1:41 pm

    Site’s html is here:

    Image: … 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:


    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;

    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ł:

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed