a.css

esbudellant estàndards


Botons amb cantonades personalitzades

28/09/06

Aquest post només és una recopilació de resultats poc satisfactòria i gens aplicable actualment.

Contingut generat per CSS

Usant caixes generades mitjançant els pseudo-elements before i after la consistència entre navegadors és bona tot i que no està implementat en Internet Explorer.

És una solució poc consistent per la diversa implementació del padding de l'element.

L'Opera 9.02 tant a Mac OS X com a Windows mostra l'aspecte de botó d'acord amb l'entorn però es pot eliminar declarant un background.

Declarant un background Opera 9.02 i Safari 2.0.4 són quasi iguals però Firefox 1.5.0.7 deixa uns marges molt més grans pels costats.

Contingut generat per Javascript

Usant caixes generades per javascript l'Internet Explorer pot entrar en joc.

En aquest cas la concordància és practicament inexistent. Hi ha moltes diferències de marges.

El cas de l'Opera 9.02 és particularment dolent ja que l'estètica de botó queda destruida però visible.

Declarant un background desapareix el problema de l'Opera 9.02 esmentat però n'apareix un altre de mala visualització al carregar el document (manquen fragments).

Recursos relacionats

Comentaris

  1. Comentat per ricardo el 28/09/06

    Como sigas jugando con estas cosas vas a perder el sueldo en aspirinas...

Afegir un comentari


© Arnau Siches. a.css està sota Llicència Creative Commons.