Sent by Michael Wilson on 21 January 2005 01:01
Lorin Rivers wrote:
>First, let me say this list is such a godsend.
>Second, Eric, thanks for this book which has been a huge help for me
>_understanding_ css, rather than copying and pasting it...
>
>OK, so all that said, how would you write these rules (From EMoC,
>Project 13) were you writing it today?
>div.note {float: right; clear: right; border-width: 0;
> width: 18%; margin: 0 1% 0 0; padding: 0;
> text-align: right; font: 80% Arial, Verdana, Helvetica, sans-serif;
> background: transparent url(blue.gif) 50% 15px repeat-x;
> voice-family: "\"}\""; voice-family:inherit;
> width: 19%;}
Hi,
If I understand you correctly, I'd do it like so:
div.note {
background: transparent url(blue.gif) 50% 15px repeat-x;
border-width: 0;
clear: right;
float: right;
font: 80% Arial, Verdana, Helvetica, sans-serif;
margin: 0 1% 0 0;
padding: 0;
text-align: right;
width: 18%;
\width: 19%;
w\idth: 18%;
}
>div.caption {float: right; width: 30%; margin: 0 1% 0 0;
> padding: 0 0 0 40%;
> border-top: 1px solid #006;
> voice-family: "\"}\""; voice-family:inherit;
> width: 19%; padding-left: 10%;}
>
div.caption {
border-top: 1px solid #006;
float: right;
margin: 0 1% 0 0;
padding: 0 0 0 40%;
padding-left: 10%;
width: 19%;
\width: 30%;
w\idth: 19%;
}
>I've been trying to use the * html hack, but it's not quite working in
>Safari...
If I'm not mistaken the * html hack is only recognized by IE win and
Mac, so it won't work for Safari. In addition, you can't use it for box
model hacks because IE 6 will also pick up the property you are setting
for IE 5.x.
--
Best regards,
M. Wilson
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
