Bilder per CSS ausblenden, aber alt-text darstellen - #124583 (HTML, CSS und Javascript)

murphy

2009-08-21 13:06

User since
2004-07-19
1776 Artikel
HausmeisterIn

2009-08-21T09:57:18 pq
ich kann es nur per CSS machen, weil das html eines artikels fertig gerendert wird und dann gecached. [...]

Neben CSS könnte man auch XSLT verwenden und damit ließe sich das Problem sicher erschlagen ;-)

Als Lösung mittels CSS hätte ich noch folgende Idee: Man legt für jeden Smiley nicht nur ein img-Element sondern auch ein span-Element an und packt diese beiden Elemente in einen gemeinsamen Container, etwa so:

Code (html): (dl )

<span class="smile"><img src="smile.gif" alt=":-)"/><span>:-)</span></span>

Je nachdem, ob Text- oder Grafikanzeige gewünscht ist, blendet man eines der inneren Elemente per CSS aus:

Code: (dl )

1
2
3

.smile > img {
  display: none;
}

oder

Code: (dl )

1
2
3

.smile > span {
  display: none;
}

When C++ is your hammer, every problem looks like your thumb.