element "ausblenden"

[antiheld2000]

ich habe hier ungefähr folgendes kontrukt in html:

<div id="navigation">
		<ul>
			<li><img src="/demo/tpl/2/img/lcap.png" alt="" /><a href="/demo/henriette/blog/" id="aBlog" title="Blog">Blog</a><img src="/demo/tpl/2/img/rcap.png" alt="" /></li>
			<li><img src="/demo/tpl/2/img/lcap.png" alt="" /><a href="/demo/henriette/gallery/" id="aGallery" title="Bilder">Bilder</a><img src="/demo/tpl/2/img/rcap.png" alt="" /></li>
			<li><img src="/demo/tpl/2/img/lcap.png" alt="" /><a href="/demo/henriette/guests/" id="aGuests" title="Gäste">Gäste</a><img src="/demo/tpl/2/img/rcap.png" alt="" /></li>
		</ul>
	</div>

ich möchte nun per css den inhalt der <a> auf unsichtbar schalten, den klickbaren bereich der links als solches allerdings behalten. sinn der sache ist es für diese datei leicht zuerstellende templates zu entwerfen. also möchte ich gegebenenfalls die möglichkeit haben, die typo auszublenden und die <a> mit einem hintergrund bild versehen. versteht ihr was ich meine und hat jemand eine idee?

gruss
anti

 

[dkdenz]

Noch nie ausprobiert sowas, aber ich denke, wenn man a ausblendet, gibt's auch keinen Klick-Bereich mehr.
Mein erster Gedanke war eben, die Typo mit der Farbe des Hintergrundes zu versehen.
Aber Du willst ja dann dort ein Hintergrundbild.
Nächster Gedanke wäre eine Fontgröße von 1Pixel.
Ansonsten eben keine Typo verwenden und a mit display:block zu versehen.

 

[antiheld2000]

visibility:hidden; in kombination mit display:block;

hatte mich nur vertippt...

 

[dkdenz]

Beispiellink: Workaround zur Kennzeichnung aktiver Seiten mit CSS
Das an Deine Bedürfnisse anpassen.
Zum Beispiel:

body#startseite a#startseite_menu {
visibility:hidden;
}

Aber dann wirst Du kein Hintergrundbild rein kriegen.