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/