Standardvänlig piratdekoration

by Markus on April 21, 2009

Är du sugen på att ha en sån där snygg piratbanner längst upp i ena hörnet? Men du tycker, som jag, att koden som finns hos lillebrorsan är lite väl plottrig?

Då kan jag lika gärna dela med mig av koden jag använde för att lägga in bannern både här och på (markus) lassinniemi-sidan.

Därefter lägger du följande CSS-snutt, antingen i din stilmall eller inom

-taggar innanför -taggen.


#ppeu {
	position:absolute;
	top:0;
	right:0;
}

Lite mindre, lite snyggare, och framförallt, mycket mer Markus-aktig kod!

View Comments

Snyggt ;) Jag håller med om att koden är plottrig hos oss. Men ska man tillåta copy/paste till de flesta varianter av webbplatser så måste allt rymmas på en gång, och inte i olika filer tyvärr. Men jag erkänner att detta är mycket snyggare. Jag tror(?) du kan snygga till den ännu mer genom att lägga id:t "ppeu" direkt i <a>-taggen. Anledningen till att jag inte gjorde det var för att det strular i vissa bloggverktyg och förmodligen också i IE6.

by lillebrorsan @axbom on April 21, 2009 at 4:00 pm. #

Det kändes smidigare att styra via en div-tagg. Koden är långt ifrån optimal, den borde strula i ganska många browsers, men å andra sidan är de som förstår skillnaden (och implementationen) antagligen tillräckligt kunniga för att kunna välja själva vilken lösning de trivs bäst med. Jag tyckte att den här lösningen stämde överens bättre med hur jag skulle ha gjort, och jag tänkte att det kanske finns folk som bara är aningens lata och inte orkar tänka till eller minnas hur man använder absolut positionering på sånt sätt.

by Markus on April 21, 2009 at 4:04 pm. #

blog comments powered by Disqus