Hello, Thank you to all who replied; to my question. Firstly, can someone please inform me how replies are made, do you leave previous conversations, if so; top-reply; or bottom-reply?

Barney Carroll Wrote : I'm sure what you're trying to do can be done, but "float the tables td's into place" is vague, in that we don't know what the intent of 'into place' is.

Reply: All I wish to do, is keep all aligned as is, and move everything up...


Thank You Once again

Regards D)

On 05/03/2013 13:38, Barney Carroll wrote:
float only works on block display elements, whereas table cells display as table-cell by default. Table cells will naturally appear in a row without needing float.

However, what you're doing is forcing float, such that the table cells implicitly become block display elements and lose their table display properties (meaning they return within rows, no longer share heights across rows, etc — to all intents and purposes the table layout is broken).

I'm sure what you're trying to do can be done, but "float the tables td's into place" is vague, in that we don't know what the intent of 'into place' is.

Regards,
Barney Carroll

barney.carr...@gmail.com <mailto:barney.carr...@gmail.com>
+44 7429 177278

barneycarroll.com <http://barneycarroll.com>


On 5 March 2013 13:10, David <grovesda...@linkhomes2000.co.uk <mailto:grovesda...@linkhomes2000.co.uk>> wrote:

    Hello,
    Files is here:
    
http://www.linkhomes2000.co.uk/main/calculators/linkmortgagecalcstart_005.php.

    Am I trying to do something, which can't be done? I'm trying to
    float the tables td's into place. As can be seen (please ignore
    borders, only for physical reference) this is not working. From
    what I see they should float up, but wont.

    CSS: .boton,td {
    width: 50%;
    text-align:left;
    float:left;
    padding-bottom:5px;
    border:2px solid #fff;
    }

    .btop {
    border-top:3px ridge #039;
    }


    .tex3,td {
    width: 65%;
    text-align:left;
    float:left;
    line-height:31px;
    border:2px solid #fff;

    }



    .leftbal,td {
    width: 30%;
    height:10%;
    text-align:left;
    float:left;
    padding-top:0;
    margin-top:0;
    clear:right;
    border:2px solid #fff;
    }


    .farrighttex3,td {
    width: 30%;
    text-align:right;
    float:right;
    padding-top:0;
    margin-top:0;
    clear:both;
    border:2px solid #fff;
    }



    .four,table {
    width:100%;
    font-family:"Trebuchet MS", verdana, arial, sans-serif;
    font-weight:bold;
    font-size:85%;
    color:#fff;
    text-transform:uppercase;
    border-top:12px ridge #fff;
    float:none;
    background-color:#369;
    border=spacing:5px
    }

    Regards D)


    ______________________________________________________________________
    css-discuss [css-d@lists.css-discuss.org
    <mailto:css-d@lists.css-discuss.org>]
    http://www.css-discuss.org/mailman/listinfo/css-d
    List wiki/FAQ -- http://css-discuss.incutio.com/
    List policies -- http://css-discuss.org/policies.html
    Supported by evolt.org <http://evolt.org> --
    http://www.evolt.org/help_support_evolt/



______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to