Re: [css-d] clear content after non-floating items?
Yes, thanks! (why didn't I think of that...) Laura Take that height: 2em; off of .mainmenu and it will be able to grow to what it needs to when items wrap. -Tim __ 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/
Re: [css-d] clear content after non-floating items?
Sorry...I see Tom also noticed that, credit where credit is due :) Laura On Tue, Mar 5, 2013 at 12:54 PM, Laura Valentino la...@vidmot.com wrote: Yes, thanks! (why didn't I think of that...) Laura Take that height: 2em; off of .mainmenu and it will be able to grow to what it needs to when items wrap. -Tim __ 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/
[css-d] Can You Do This?
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]
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/
Re: [css-d] Can You Do This?
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
+44 7429 177278
barneycarroll.com
On 5 March 2013 13:10, David grovesda...@linkhomes2000.co.uk wrote:
Hello,
Files is here: http://www.linkhomes2000.co.**uk/main/calculators/**
linkmortgagecalcstart_005.phphttp://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]
http://www.css-discuss.org/**mailman/listinfo/css-dhttp://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ --
http://css-discuss.incutio.**com/http://css-discuss.incutio.com/
List policies --
http://css-discuss.org/**policies.htmlhttp://css-discuss.org/policies.html
Supported by evolt.org --
http://www.evolt.org/help_**support_evolt/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/
Re: [css-d] Can You Do This?
Is it because the width of the 3 td's add up to greater than 100%?
I've never heard of floating table cells - not sure why you'd need to.
Laura
On Tue, Mar 5, 2013 at 1:38 PM, Barney Carroll barney.carr...@gmail.comwrote:
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
+44 7429 177278
barneycarroll.com
On 5 March 2013 13:10, David grovesda...@linkhomes2000.co.uk wrote:
Hello,
Files is here: http://www.linkhomes2000.co.**uk/main/calculators/**
linkmortgagecalcstart_005.php
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]
http://www.css-discuss.org/**mailman/listinfo/css-d
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.**com/
http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/**policies.html
http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/
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/
__
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/
Re: [css-d] Can You Do This?
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/
Re: [css-d] Can You Do This?
On Tue, Mar 5, 2013 at 9:15 AM, David grovesda...@linkhomes2000.co.ukwrote:
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.carroll@gmail.**combarney.carr...@gmail.com
+44 7429 177278
barneycarroll.com http://barneycarroll.com
On 5 March 2013 13:10, David
grovesda...@linkhomes2000.co.**ukgrovesda...@linkhomes2000.co.ukmailto:
grovesdavid@**linkhomes2000.co.uk grovesda...@linkhomes2000.co.uk
wrote:
Hello,
Files is here:
http://www.linkhomes2000.co.**uk/main/calculators/**
linkmortgagecalcstart_005.phphttp://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)
Most prefer bottom posting. Though, with GMail, it's more work so top
posting does happen.
Like others, I don't see why you're floating at all. TDs naturally flow
next to each other in rows.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
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/
Re: [css-d] Can You Do This?
On 5 March 2013 14:15, David grovesda...@linkhomes2000.co.uk wrote:
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?
I think the advised convention is to reply to all and not to top-post (as I
mistakenly did), and only to include past messages as part of your own
unless you're replying inline (like this). Official list policies are here
FYI:
http://www.css-discuss.org/policies.html
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...
Did my explanation make any sense to you? I know floats and table layout
logic are a right pain to get to grips with — please elaborate on anything
you didn't understand. If any specific points feel vague, or didn't help
you, address these individually if need be.
move everything up
There are various ways of moving things up in CSS. First of all, decide by
how much you want to move things. Let's go for 4em for the sake of example.
Then there's the scope of 'everything': I'm going to take your `#content`
element, which contains the floated table cells within the block quote. My
suggestion would be to give it a negative margin. On line 83 of file1.css,
where the `#content` style rule is, I'll modify the margin property such
that the top value is no longer 20px but -4em, such that:
#content {
float : left;
width : 550px;
margin : 20px 20px 0 20px;
line-height : 1.8em;
}
…becomes…
#content {
float : left;
width : 550px;
margin : -4em 20px 0 20px;
line-height : 1.8em;
}
Regards,
Barney Carroll
barney.carr...@gmail.com
+44 7429 177278
barneycarroll.com
On 5 March 2013 14:15, David grovesda...@linkhomes2000.co.uk wrote:
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
+44 7429 177278
barneycarroll.com
On 5 March 2013 13:10, David 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]
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/
__
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 --
Re: [css-d] Can You Do This?
On Tue, Mar 5, 2013 at 9:15 AM, David grovesda...@linkhomes2000.co.uk wrote: 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? The list admin(s) will scowl heavily in the direction of any Jeopardy-style quotations-- that is, putting your answer before the quoted question to which you're responding-- but won't actually unsubscribe you for doing it. This and more, available at http://css-discuss.org/policies.html -- tim.arn...@gmail.com __ 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/
Re: [css-d] Can You Do This?
Personally, I hate the bottom postinga waste of time to scroll through
sometimes many lines before I get to read a one or two line response
-Fred Hahnel
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Barney Carroll
Sent: Tuesday, March 05, 2013 9:30 AM
To: David
Cc: css-discuss
Subject: Re: [css-d] Can You Do This?
On 5 March 2013 14:15, David grovesda...@linkhomes2000.co.uk wrote:
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?
I think the advised convention is to reply to all and not to top-post (as I
mistakenly did), and only to include past messages as part of your own unless
you're replying inline (like this). Official list policies are here
FYI:
http://www.css-discuss.org/policies.html
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...
Did my explanation make any sense to you? I know floats and table layout logic
are a right pain to get to grips with — please elaborate on anything you didn't
understand. If any specific points feel vague, or didn't help you, address
these individually if need be.
move everything up
There are various ways of moving things up in CSS. First of all, decide by how
much you want to move things. Let's go for 4em for the sake of example.
Then there's the scope of 'everything': I'm going to take your `#content`
element, which contains the floated table cells within the block quote. My
suggestion would be to give it a negative margin. On line 83 of file1.css,
where the `#content` style rule is, I'll modify the margin property such that
the top value is no longer 20px but -4em, such that:
#content {
float : left;
width : 550px;
margin : 20px 20px 0 20px;
line-height : 1.8em;
}
…becomes…
#content {
float : left;
width : 550px;
margin : -4em 20px 0 20px;
line-height : 1.8em;
}
Regards,
Barney Carroll
barney.carr...@gmail.com
+44 7429 177278
barneycarroll.com
On 5 March 2013 14:15, David grovesda...@linkhomes2000.co.uk wrote:
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
+44 7429 177278
barneycarroll.com
On 5 March 2013 13:10, David 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]
Re: [css-d] Can You Do This?
On Mar 5, 2013, at 12:00 PM, Hahnel, Fred (DET-MRM) wrote: Personally, I hate the bottom postinga waste of time to scroll through sometimes many lines before I get to read a one or two line response -Fred Hahnel So Fred, to make your point you decided to top post and not trim your message...great. JC __ 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/
Re: [css-d] Can You Do This?
Le 5 mars 2013 à 22:44, Laura Valentino la...@vidmot.com a écrit : I've never heard of floating table cells - not sure why you'd need to. I've had to do that once, to try to beat some sense in an old-school table-based layout. Luckily it is not online anymore, since replaced by more sensible markup. On the other hand, eventually, one may have the need to reshuffle the table to make it more usable on e.g. small-screen devices, along the lines of this demo (resize browser window to something narrow): http://dbushell.com/demos/tables/rt_05-01-12.html The key in this is to start by resetting all table elements (table, tbody, tr, td) to 'block', for them to loose their 'table-ness'. Then start building. In the case of the OP, his/her table-cells are floating alright, but don't move 'up' as expected (if I understand what is wanted) because the cells are is still contained in a tr which acts as a containing block. Philippe -- Philippe Wittenbergh http://l-c-n.com __ 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/
Re: [css-d] Can You Do This?
Re: http://www.linkhomes2000.co.uk/main/calculators/linkmortgagecalcstart_005.php On 3/5/13 6:15 AM, David Groves wrote: 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... If I understand what you want to do, then changing your table markup might work. I think you only need CSS for colors etc.. Something like this, perhaps? - https://dl.dropbox.com/u/36859227/linkhomes2000.html -- Cordially, David __ 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/
