Archive for the 'Form Button' Category
Control form button width in IE6
3 Comments Published 2 years, 4 months ago in CSS, Form Button, Quick Tips, background, border, overflow and padding Digg ThisI’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; [...]
Using vertical-align for images and buttons
3 Comments Published 2 years, 5 months ago in Accessibility, CSS, Form, Form Button, W3C and vertical-align Digg ThisI’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.Latest
- ARIA support with the YUI library
- Yahoo Search Monkey in Paris
- Adding style to your rel attributes with CSS
- Progressive enhancement of links using the CSS attribute selector
- UTF-8 compatible accented characters
- Flickr Video is live
- Captioning Sucks and Needs a Jump Start
- How to fix your K2 powered wordpress blog after upgrading to 2.5
- Multiple asides categories in Wordpress?
- IE7 and IE8 hack behavior
Archives
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- March 2006
- February 2006
Categories
- :absolute (5)
- :after (2)
- :block (3)
- :fixed (1)
- :focus (1)
- :hover (1)
- :none (2)
- :relative (4)
- Accessibility (26)
- AJAX (10)
- atmedia (6)
- attribute selector (7)
- background (10)
- Book Resources (4)
- Book Review (4)
- border (1)
- Browsers (10)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (67)
- CSS2 (7)
- CSS3 (5)
- Definition List (2)
- Developers (4)
- DHTML (15)
- display (3)
- Div (3)
- Dreamweaver (1)
- Firefox (9)
- first-child (1)
- Flash (8)
- FLORWAX (2)
- Form (2)
- Form Button (2)
- Form Input (2)
- Form Select (1)
- Hacks (13)
- HTML Elements (10)
- Id (2)
- IE7 (24)
- IE8 (3)
- Image (2)
- Image Replacement (2)
- Image Sprites (9)
- JavaScript (29)
- JSON (3)
- Link (7)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (46)
- Opera (3)
- Other Links (1)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- PHP (7)
- position (10)
- Pre (1)
- Quick Tips (33)
- Safari (1)
- Span (2)
- Standardista (20)
- Table (1)
- Table Body (1)
- Table Head (1)
- Table Header (1)
- Table Header Scope (1)
- Table Summary (1)
- text-indent (2)
- Uncategorized (4)
- Unordered List (1)
- vertical-align (1)
- Video (1)
- visibility (1)
- W3C (8)
- Wordpress (2)
- XHTML (2)
- XML (3)
- XSL (3)
- Yahoo! (24)
- YUI (6)
- Z-Index (4)

