Amazon und ihr tolles HTML
Ich hab grad Post bekommen das ich doch eine tolle Amazongrafik auf meine Webseite einbauen soll:

Tables? Igitt. Für so eine plumpe Grafik mit zwei Links basteln die da so ein aufgeblähtes Tabellenkonstrukt inklusive einer Image-Map die nicht funktioniert. Im Mozilla linkt hier nur der "Klick hier"-Link auf die gesamte Grafik und das "Privacy info" ist somit völlig nutzlos. Ich mein.. gehts noch? Warum zeichnen die Buttons in eine Grafik wenn die eh nur auf das gesamte Bild linken? Wenn ich wirklich in Erwägung ziehen soll das auf meine Seite einzubauen, sollten sie mir doch wenigstens ordentlichen Code anbieten. Übrigens ist die Grafik auf einem SSL Server. Klaro.. Bilder sollte man auch verschlüsseln. Vor allem weil die SSL Benachrichtigung beim Laden einer unbedeutenden Grafik besonders Spass macht. ;)
Dies ist der Quelltext von Amazon.
-
<table border="0" cellpadding="0" cellspacing="0" width="150" height="80">
-
<tr><td>
-
<map name="107315c407558e0d_boxmap35"><area shape="RECT" coords="30,139,86,149" href="http://rcm-de.amazon.de/e/cm/privacy-policy.html?o=3" alt="Information" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"><area coords="0,0,10000,10000" href="http://www.amazon.de/exec/obidos/redirect/302-0645981-6531236?path=tg/browse/-/301128&tag=m3nt0rde-21&creative=@CCMID@&camp=@CAMPID@&link_code=@LINKCODE@" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"></map>
-
<img width="150" height="80" border="0" usemap="#107315c407558e0d_boxmap35">
-
</td></tr>
-
</table>
und hier ist meine Version
-
<div style="background:url('http://www.m3nt0r.de/blog/wp-content/photos/amazon.gif') no-repeat;margin:0;padding:0;width:150px;height:80px;overflow:hidden;">
-
<div style="margin:54px 0 0 28px;width:95px;height:12px;letter-spacing:45px;text-align:center;overflow:hidden;"><a href="http://www.amazon.de/exec/obidos/redirect/302-0645981-6531236?path=tg/browse/-/301128&tag=m3nt0rde-21&creative=@CCMID@&camp=@CAMPID@&link_code=@LINKCODE@" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)" title="Klick hier" style="text-decoration:none;"> </a></div>
-
<div style="margin:0 0 0 33px;width:85px;height:9px;letter-spacing:40px;text-align:center;overflow:hidden"><a href="http://rcm-de.amazon.de/e/cm/privacy-policy.html?o=3" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)" title="Privacy Info" style="text-decoration:none;"> </a></div>
-
</div>
Ich möcht mal hier eine elegantere Lösung zeigen, ohne Tables, ohne ImageMap, beide Links funktionieren, XHTML Valid, Cross-browser kompatibel und Title-Attribute als Sahnehäubchen:
m3nt0r.de
"einfach so coden!" ;)
Mein Blog für $11,290.80

My blog is worth $11,290.80.
How much is your blog worth?
Grad gefunden auf "Just Another Day. Meine Seite ist ja richtig wertvoll :).
Diese Berechnung basiert auf Technorati und wurde von AOL entwickelt als sie Weblog inc. aufgekauft haben. Ich würde zwar niemals meine Nickname-Domain abgeben und bezweifel auch das ich jemals soviel Geld dafür bekommen würde, aber lustig ist es schon. Ich hatte irgendwo auch mal einen ähnlichen Service zur Umrechnung der Domain in bare Münze ausprobiert und kam auf 3.000 Dollar. War aber alles sehr fragwürdig, denn beim Gegencheck mit google.de haben die gerade mal 11.000 Dollar zahlen wollen. Ihr könnt ja euren Blog auch mal testen lassen.

