Re: [css-d] css text rotation
On Oct 23, 2009, at 10:23 PM, Nancy Johnson wrote: > Someone in my group asked if I could find a way to rotate text using > CSS to be used in a table header. > It will be in an internal site and we are only interested in IE6 IE7 > and IE8 > > > I found this article > http://www.kavoir.com/2009/08/css-rotate-text-image-elements-by-90-180-or-270-degrees.html > and got it to work in -webkit and -moz (Firefox 3.5) but how do you > get it to work in IE? This is supposed to work, although I've never tried it myself: http://www.boogdesign.com/b2evo/index.php/2009/09/04/element-rotation-ie-matrix-filter?blog=2 PS - please don't crosspost, that makes a mess for list management. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@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] Form Alignment
Untested, but try:
.label1 {
font:1em/1.5em bold italic small-caps verdana,serif;
float: left; <-- delete
width:30%;
height:2em !important;
margin:0px;
display: block; <-- add
}
.para1 {
/* width:auto;
height:auto; */ <-- delete, unneeded
padding:0;
margin:0;
float: left; <-- add
}
.para2 { /* for second column */
padding: 0;
margin: 0;
float: right;
}
.textarea1 {
font:1em/1.5em bold italic small-caps verdana,serif;
float: right; <-- delete
width:60%;
height:2em !important;
background :transparent;
border:1px solid #00;
margin:0 0 2px 0;
padding:0;
display: block; <-- add
}
---Tim
__
css-discuss [cs...@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] css text rotation
Hi,
Someone in my group asked if I could find a way to rotate text using
CSS to be used in a table header.
It will be in an internal site and we are only interested in IE6 IE7 and IE8
I found this article
http://www.kavoir.com/2009/08/css-rotate-text-image-elements-by-90-180-or-270-degrees.html
and got it to work in -webkit and -moz (Firefox 3.5) but how do you
get it to work in IE?
Here is what I have so far and have and haven't put it in a table yet
and only the year will rotate.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Untitled Document
.year {display: block; -moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); }
*html .year {display: block; filter:
progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
31
July
2009
Thanks in advance
Nancy
__
css-discuss [cs...@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] Form Alignment
Hello,
File Here:
http://www.linkhomes2000.co.uk/main/selling/link_start_sell-property.php
can not get text on left to align with fields on right. This is the offending
css:
.form1 {
width: 100%;
background :transparent;
}
.field1 {
float:left;
width:100%;
height:auto;
border:none;
}
.label1 {
font:1em/1.5em bold italic small-caps verdana,serif;
float:left;
width:30%;
height:2em !important;
margin:0px;
}
.para1 {
width:auto;
height:auto;
padding:0;
margin:0;
}
.textaea1 {
font:1em/1.5em bold italic small-caps verdana,serif;
float:right;
width:60%;
height:2em !important;
background :transparent;
border:1px solid #00;
margin:0 0 2px 0;
padding:0;
}
Have two XHTML errors showing, but don't understand them either? css shows
clear as in no errors.
Than you in advance for your assistance,
Kind Regards
DG)
__
css-discuss [cs...@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] Form Alignment
Hello,
File Here:
http://www.linkhomes2000.co.uk/main/selling/link_start_sell-property.php
can not get text on left to align with fields on right. This is the offending
css:
.form1 {
width: 100%;
background :transparent;
}
.field1 {
float:left;
width:100%;
height:auto;
border:none;
}
.label1 {
font:1em/1.5em bold italic small-caps verdana,serif;
float:left;
width:30%;
height:2em !important;
margin:0px;
}
.para1 {
width:auto;
height:auto;
padding:0;
margin:0;
}
.textaea1 {
font:1em/1.5em bold italic small-caps verdana,serif;
float:right;
width:60%;
height:2em !important;
background :transparent;
border:1px solid #00;
margin:0 0 2px 0;
padding:0;
}
Have two XHTML errors showing, but don't understand them either? css shows
clear as in no errors.
Than you in advance for your assistance,
Kind Regards
DG)
__
css-discuss [cs...@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] have posted before can't alighn this form
Form Here:
http://www.linkhomes2000.co.uk/main/selling/link_start_sell-property.php
text should be to left of fields, but can't get it to work. Any suggestions.
Dave)
CSS:
.form1 {
width: 100%;
background :transparent;
}
.field1 {
float:left;
width:100%;
height:auto;
border:none;
}
.label1 {
font:1em/1.5em bold italic small-caps verdana,serif;
float:left;
margin:3px 0 3px 0;
clear:left;
}
.para1 {
width:auto;
height:auto;
padding:0;
margin:0;
}
.textaea1 {
font:1em/1.5em bold italic small-caps verdana,serif;
float:right;
margin:3px 0 3px 0;
clear:right;
}
__
css-discuss [cs...@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/
