Categorie: ”form

17 Jan, 2010

Text-indent op submit voor ie6 & 7

Posted by: Mark In: Bug|form|hack|IE6|IE7|solution

Tekst values op een submit button zou je willen verbergen als je de submit knop wilt vervangen door een afbeelding, met text-indent kan je voor alle browsers de tekst-valu verbergen, bij Internet Explorer 6 & 7 lukt dit niet, hiervoor is nu een oplossing:

FireFox is de neige browser die een probleem heeft als er line-height gebruikt word in formulier velden, en is altijd een offset van 2px aan de bovenkant, elke ander browser (zelfs IE6) rendert dit correct af.
Je kunt dit probleem oplossen door de FireFox 3 only hack te gebruiken:

Nog een eenvoudig formulier template, zo zuiver dat er alleen het nodige aan elementen inzit, want meer heb je niet nodig om een formulier er goed te laten uitzien.

+ Demo

1 Reactie

Als je een mac lover bent (of safari op windows gebruikt) zal je ongetwijfelt al gemerkt hebben als met Safari een formulier invult, deze een “glowing blue outline” zet op het formulierveld waar je op dat moment iets wilt invullen.

Een contact formulier is tegenwoordig zeer belangrijk in elke website, ze maken is normaal gezien geen probleem. Maar het formulier goed doen uitzien verlangt enig talent.
Door enkele eenvoudige CSS regels toe te passen kan je jouw formulier er “kick-ass” doen uitzien.

+ Demo

4 Reacties


Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.