Przerabiam właśnie pewną starą stronkę przenosząc co się da z HTML do CSS aby oddzielić treść od warstwy prezentacji.

Mam tam sporo linków robionych w następujący sposób:

[HTML] pobierz, plaintext 
<a href="link"><img src="ikonka.gif"> link</a>
[HTML] pobierz, plaintext 

i z tym daje sobie radę zmieniając na:

[HTML] pobierz, plaintext 
<a href="link" class="ikonka">link</a>
[HTML] pobierz, plaintext 

i odpowiednio pisząc style css.

Zastanawiam się co jednak zrobić w przypadku gdy link wygląda tak:

[HTML] pobierz, plaintext 
<a href="link"><img src="ikonka.gif"></a>
[HTML] pobierz, plaintext 

Czy zrobić to jak wcześniej wyrzucając img i zostawiając puste a?
Czy wpisać jakiś tekst a później go ukryć w jakiś sposób ( bo wizualnie powinno to pozostać bez zmian, tylko ikona, bez tekstu obok ).
Czy zostawić tak jak jest?

Całą zabawę z ikonami w css robię także z tego powodu aby w łatwy sposób móc wymieniać zestawy ikonek. Rozwiązanie trzecie, czyli pozostawienie tego bez zmian raczej by to utrudniło.

http://pictos.cc/articles/using-icon-fonts/

Dzięki, ciekawy artykuł. Chyba właśnie coś takiego zrobię.

Pustych znaczników się nie tworzy. Obraz to obraz, a tło to tło. W przypadku menu może być to w css, co nie znaczy że musi.