Re: DIV question

by "Ted Temer" <temer(at)c-zone.net>
Date:	Wed, 13 Jun 2001 09:55:00 -0700
To:	"HWGBASICS" <hwg-basics(at)hwg.org>
	todo: View Thread, Original
Ed:

This can be a tricky thing to accomplish. One problem is that people can set
the colors in their browsers--so you never really know what colors you are
faced with--or trying to override.

Perhaps the simple way to make your changes is to have multiple CSS scripts
and call them where you want the changes to take place. Example:

<LINK REL=StyleSheet HREF="temer-2.css" TYPE="text/css">

Then simply recall the original CSS when you have finished with the second.
In the example above the CSS files would be in the same directory as the
HTML pages. You can have as many as you need.

You apply all this nonsense much like you would use different "styles" in a
Word document.

Remember the "Cascading" part of CSS. Just like in the Army, the browser
will execute the last order received.

Once you have them marching, you can tell your column of troupes to Right
Flank and they will do so until you give them a Left Flank to return them to
their original course. (All except that that recruit named Private Netscape.
You often have to give him a rock to carry in his right hand --- but that's
another story.)

Best wishes
Ted Temer
Temercraft Designs Redding, CA
temer(at)c-zone.net
www.temercraft.com/novels/
www.newsredding.com/
www.ramac-rc.org/


> This is a generic example/question, so it may not make since, but....
>
> Let's say that I have a 1x2 table.  I want one of the cells to a white
> background, blue text, blue links and purple visted links (the standard
> links colors).  I want the other cell to have a blue background, white
text,
> yello links, and an as yet to be determined color for the visited links.
> How can I do this?
>
> I have the following
>
> <!DOCTYPE html
>      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>      "DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
>
>   <head>
>     <title>Table DIV Test</title>
>     <!-- Style stuff -->
>     <style type="text/css">
>         body {
>           font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
>         }
>         .BlueOnWhite{
>           color : White;
>             background-color: Blue;
>         }
>         .WhiteOnBlue{
>           color : Blue;
>             background-color: White;
>         }
>     </style>
>   </head>
>   <body>
>   <table border="1">
>     <tr>
>         <td>
>             <div class="BlueOnWhite">
>                 <a href="BlueOnWhite">BlueOnWhite</a>
>             </div>
>         </td>
>         <td>
>             <div class="WhiteOnBlue">
>                 <a href="WhiteOnBlue">WhiteOnBlue</a>
>             </div>
>         </td>
>     </tr>
>   </table>
>   </body>
> </html>
>
> When rendered, the BlueOnWhite text does not show up because it is the
same
> blue as the link color.  Can I add a section for a:link and a:visited IN
the
> BlueOnWhite and WhiteOnBlue class?  Do I have to change the style inside
the
> two div blocks I have created?  What is the best way to accomplish this?
>
> Ed
>
> _______________________________________
>
> Ed Peddycoart
> CG�, Inc.
> _______________________________________
>
>
>
HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA