Re: DIV question

by "Ineke van der Maat" <inekemaa(at)xs4all.nl>
Date:	Wed, 13 Jun 2001 21:59:22 -0700
To:	<hwg-style(at)hwg.org>
	todo: View Thread, Original

----- Original Message -----
From: "Ineke van der Maat" <inekemaa(at)xs4all.nl>
To: "Ed Peddycoart" <epeddycoart(at)cg2.com>
Sent: Wednesday, June 13, 2001 9:50 PM
Subject: Re: DIV question


Hallo Ed,

 I had the same problem with links in a table that were not different
coloured from the rest of the page.
I got the solution from the university of Delft:
You must specify in your style sheet a different class for your table links
like these:
 a.table:link {color: yellow;
                    background: transparent;}
 a.table:visited {color. purple;
                         background: transparent;}

 In your link you write <a href=".." class="table">...</a>
 You see you must  give in your style sheet the link a table classname like
table or whatever you want.
and for the cell background you can use  a class
 Cell name
.Cell {background-colour:  #ffffff or something like that;}
  (td class="Cell" will then show the background  you specified in your
stylesheet)

 Greetings
 Ineke

>
>
>
> ----- Original Message -----
> From: "Ed Peddycoart" <epeddycoart(at)cg2.com>
> To: "HWG-Basics" <hwg-basics(at)hwg.org>
> Sent: Wednesday, June 13, 2001 8:30 AM
> Subject: DIV question
>
>
> > 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.
> > _______________________________________
> >
> >
> >
>
HWG hwg-style mailing list archives, maintained by Webmasters @ IWA