Archive for the 'Form Button' Category



I’m working on a project with shiny, happy submit buttons all over the place. To offer more control over the presentation, we are using the form button element and inserting images inside the button tags.

<form>

<button type=“submit” name=“submit” id=“submit”>

<img src=“submit.png” alt=“submit” />

</button>

</form>

Now, you need to over-ride some pretty ugly default presentation styles:

form button {padding:0; margin:0; [...]

I’m working on a basic search form and the visual design requires a graphic button instead of the browser-generated input. I’m using the button tag instead of an input type=”submit”. While putting the page together, I had a nagging issue with the button not aligning with the label and input. I tried various combinations of [...]




About

You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for the 'Form Button' category.

Longer entries are truncated. Click the headline of an entry to read it in its entirety.