Posts mit Tag: HTML

∞ Gründe den Internet Explorer (IE7) zu hassen

Lieber CSS-Liebhaber,

beachte

1
2
3
4
.forumline td {
	border-bottom: 1px solid #fff;
	padding: 3px 5px;
}

wirkt sich nur auf Zellen aus, in denen Text steht. Warum sollte es sich auch auf leere Zellen auswirken – Nein das macht wirklich keinen Sinn…

Aber es gibt auch dafür einen ‘guten’ IE-Workaround:

1
2
3
4
5
aus
<tr><td></td><td>mein text</td></tr>
 
mache
<tr><td>&nbsp;</td><td>mein text</td></tr>

dann wirkt sich auch im Internet Explorer “border-bottom” aus. Es wäre einfacher gewesen ein spezial IE-Attribut einzuführen:

1
<td ie="really_apply_css"></td>

Well done Microsoft.

Kontaktadresse verstecken

Es gibt inzwischen viele Personensuchmaschinen im Internet, die automatisch nach Kontaktadressen und Emailadressen suchen. Wenn man allerdings ein Impressum anlegen möchte, das nicht automatisch ausgelesen werden kann, bieten sich einige Möglichkeiten:

  • Kontaktdaten als Bild
  • Kontaktdaten per Javascript anzeigen

Das Bild hat als Nachteil, dass man die Adresse nicht kopieren kann. Also muss JavaScript die Lösung sein. Es macht keinen Sinn die Adresse lesbar im Source Code abzulegen, da dieser auch automatisiert ausgelesen werden kann. Man sollte den Text daher irgendwie “verschlüsseln”. Ich verwende dazu base64, weil es dafür in JavaScript schon einige Implementierungen gibt.

Beispiel anzeigen

Text in Base64 kodieren:


Code Beispiel:

View Code JAVASCRIPT
1
2
3
4
<h3>Kontakt</h3>
<span>
<a onclick="var s='[hier base64 kodierte Daten einfügen]'; this.parentNode.innerHTML=Base64.decode(s);" class="js">anzeigen</a>
</span>

WordPress Themes