Image alt attribute

You can't put another image there (I think), the alt text is just text. How would you put another image there?

<!ATTLIST IMG
  %attrs;                              -- %coreattrs, %i18n, %events --
  src         %URI;          #REQUIRED -- URI of image to embed --
  alt         %Text;         #REQUIRED -- short description --
  longdesc    %URI;          #IMPLIED  -- link to long description
                                          (complements alt) --
  name        CDATA          #IMPLIED  -- name of image for scripting --
  height      %Length;       #IMPLIED  -- override height --
  width       %Length;       #IMPLIED  -- override width --
  usemap      %URI;          #IMPLIED  -- use client-side image map --
  ismap       (ismap)        #IMPLIED  -- use server-side image map --
  >

It wouldn't allow a URI

Mmm, I don't know. Perhaps with Javascript or CSS.

I must be going blind. I'd never noticed this post 'til just now.

Aye, that's one thing I was wanting to completely avoid. Especially due to the fact that this is one of those purely cosmetic with no real need type scenarios. I'd like to get it working, but wouldn't introduce load specifically for it.

Just been trying that, and not for the life of me can I figure out how to do it, (although my CSS skills aren't exactly legendary). This is what I've tried so far. (Can class= be used for img tags, btw)?

img.favicon {
        background-image: url(./images/icons/no_icon.png);
        height: 16px;
        color: #ffffff;
}

<img class="favicon" src="'.$icon_url.'/favicon.ico" alt=""/>

Am I barking up the wrong tree with that? It just doesn't seem to want to work. If I put text in the alt tag, that displays white as set, but the background image won't display if there is no favicon.ico.

Cheers.

Yup. It's an extract from the parser.

Finally managed to get the background image showing through just trying everything I could think of one by one. Ended up with this:

img.favicon {
        width: 16px;
        height: 16px;
        position: absolute;
        margin-left: -8px;
        margin-top: 1px;
        background: no-repeat;
        vertical-align: bottom;
        background-image: url(../images/icons/no_icon.png);
}

Only thing I'm wondering now is if there's a way to hide the background image if the favicon is shown, to avoid having both visible if the overlying icon is less in size than 16x16.

With it being a non local image, it would mean connecting to the remote site and seeing what code was returned, to integrate it in that way. T'would be a quick way to create a self inflicted DoS.

It would appear that's pretty much the outcome. I've settled finally on a small background image with the probability that it'll be slightly visible behind smaller favicons. Can't really find any other way.

Just on a sidetrack, btw, but still CSS related, does anyone have an idea how I can align these feed buttons correctly in Opera?

http://forums.bauchan.org/testforum/viewforum.php?id=1

Alignment is fine in everything else, (IE, Gecko, Mozilla) based, but Opera shows them way out of whack if I correct alignment for the others, and if I get rid of the negative margin, Opera displays them fine but nowt else. They're on a float: right setup, btw.

Cheers.

I don't get the problem. Surely all you have to do is to take the smallest sized favicon you've come across and make the background image that size. That way its certain to be covered.