On 10/12/05 6:28 AM, "jérôme coupé" <[EMAIL PROTECTED]> wrote:
> ...
> This particular technique [2] seems to fulfill you requirements.
> Drawbacks: transparent images / massive bump-up of font-size by user
>...
>
> [2] <http://www.tjkdesign.com/articles/tip.asp>
>
> -----Original Message-----
>> While I am am concerned about the few who know how to turn
>> off images, I have not found a better technique (yet) that
>> works cross-browser - Mac\Win IE 5.0 - 6.0; Safari, FF, maybe
>> even Opera, etc - that doesn't involved JS, or the DOM, or
>> something more complicated. I'd also like to be able to add
>> a link to the image that replaces the text.
>>
>> Anyone have a suggestion...for an IR technique that works as
>> mentioned?
This appears to be a good solution, and best of all, it is - like you said -
clean:
[quote]
<h1><a title="Take me home!" href="/"></a>Company Name</h1>
h1 {position:relative}
h1 a {
z-index:1;
position:absolute;
top:0;
left:0;
width:538px;
height:1.7em;
min-height:28px;
background:transparent url(/img/helloworld.gif) no-repeat;
border:1px dotted red;
font-size:1em
}
[/quote]
I like the rollover options too. Great for a logo swap on rollover.
Also, I noticed something very small, that you might want to fix? The
<acronym>'s title attribute has a capital "T" in Styles:
"CSS declarations are identicals, only the selectors change:"
<acronym title="Cascading STyles Sheets">CSS</acronym>
Very tiny indeed, it's just something I noticed. Also is it "Cascading
Style Sheet" or "Cascading Styles Sheet" as you have it? Never really
thought about it, but I always though it was "Cascading Style Sheet" with a
singular Style? Maybe two tiny fixes?
Thank you for the links! I'll post back on this issue if anything comes up;
for now, I think this can be considered [Solved]...again.
Jono
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
