Your idea seems to be just as viable as any. I don't have to have the image
as a background but it alleviates the need for an extra tag while still
having just as much in the CSS.

Thanks,

Mike 

-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of steff
Sent: Wednesday, November 29, 2006 7:11 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] How do I make my CSS more compact?

why do you need to have the image as a background? why not just make it an
H1 with an img background and off-screen text?

then you could just do this code:

#content {
 width: 543px;
 margin: 0px 10px 0px 10px;
 padding: 45px 10px 0px 10px;
 float: left;
}

#content h1.about {
 background: #807060 url(images/about.jpg) no-repeat top left; }

#content h1.jims_team {
 background: #807060 url(images/about.jpg) no-repeat top left; }


also - i believe that underscores in css id names is not so good.  try
.jimsTeam

this is my first response, so it may get railed, but i  think it is sound.
hopefully others will let you and i know their solutions. i am trying to
answer some css-d list questions, so i know that my own css logic is sound.

cheers,
steff

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to