Sent by Gary McPherson on 26 January 2004 09:09
Gail Miller wrote:
>Hello.
>
>I have a site in which my secondary pages use a 70% table w/ a 15px border
>that I want to appear in a solid color. (I'm trying to achieve an effect
>similar to the box model without knowing how to do the box mode.!) My table
>works correctly in IE but Netscape makes it 3-dimensional with a dark color
>on the right and bottom; light color on the left and top.
>
>Here's an example: www.gracealex.org/layministry.htm or
>www.gracealex.org/schedule.htm
>
>
Hey Gail,
What you want is very much achievable. The short answer would be to add
a style definition of "border: 15px solid #660033;" to your inner table.
I've put up an example here:
http://www.ingenyus.net/experiments/gracealex/index.htm
>I would like very much to convert these pages to a CSS box style, but I
>can't seem to figure out how to do that and still have a title above the
>main table as well as a couple of nested tables within (at the bottom).
>
>
>
A better answer is to ditch the tables altogether and try using CSS more
fully in your page. I knocked up a brief - and less than perfect -
example, so you can have a better look at what's involved in the
conversion: http://www.ingenyus.net/experiments/gracealex/indexcss.htm
I've included your original stylesheet in the page for convenience. You
may have noticed that the font size looks slightly different - this is
because I replaced your pixel sizes with ems. If you're wondering why -
read on here: http://css-discuss.incutio.com/?page=UsingEms and
http://css-discuss.incutio.com/?page=UsingPixels
>I have read one tutorial after another but the concept continues to elude
>me. Maybe I need a very elementary CSS tutorial that gives me a step-by-step
>guide to writing the style sheet and then formatting the html properly.
>
>
>
I'm not sure if you're asking for a tutorial to convert from tables to
CSS, or just for CSS in general. Perhaps you can clarify and myself or
someone else on the list will be able to point you in the right direction.
Hope that helps,
Gary
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/