[lug] CSS Question - Really Trivial

Mon Mar 24 13:44:22 MST 2003

* On 2003-03-24 20:16 The Matt <thompsma at colorado.edu> wrote:
> As the Subject line says, this isn't important, but it got me to
> wondering about CSS and its capabilities.  Looking at Red Hat's RH9
> (marketing?) page:
> 
> http://www.redhat.com/mktg/rh9iso/
> 
> I was struck by how much I hated that "offset" text look of the "Option
> #"  But, I thought, it'd be interesting to make up a CSS stylesheet that
> could do that, if possible.

Well, that page is using images to get that effect.

> So, to any CSS gurus out there, is there a way to get that "offset text
> in a box" look like that without resorting to "text images"?  I'm
> guessing no, but I've been surprised by the power of CSS before.

You should be able to display the text in a box with 0 margins top and
left:

   <html>
   <head>
   <style type="text/css">
   h1{ 
      background: #c00000;
      margin-left: 0px;
      margin-top: 0px
      padding-right:20px;
      padding-bottom:20px;
      font-family: sans-serif; 
      font-size: 20px; 
      line-height: 16px; 
      color: #3C3F4D
      }
   </style>
   <body>
   <p>
   <h1>Option</h1>
   <p>
   </body>
   </html>

You get the idea
-- 
Regards,                    tummy.com, ltd 
Evelyn Mitchell             Linux Consulting since 1995
efm at tummy.com               Senior System and Network Administrators
                            http://www.tummy.com/