Apr
30
2011
1

Html Form Buttons not displaying correctly in mobile safari [Solved]

This is problem caused by safari attempting to default buttons in the mobile browser to its own apple look. A simple fix can be done using CSS. First add a class to your input button tag in the form which you may already have put there:

<input type="submit" value="SUBMIT" name="submit" class="mySubmitClass" />

then in your stylesheet add the following to fix the issue once and for all:

.mySubmitClass {
    -webkit-appearance: none;
}


Written by Tris in: Apple,css,Mobile | Tags: , ,
Nov
13
2009
0

How to Make Italic Using CSS?

To make text italic in CSS use the following:

font-style:italic;

Written by Pete in: css |
Oct
09
2008
0

Attach Icons to Links Automatically

This little CSS code snippet allows you to automatically attach an icon to file downloads. For instance if you had a file to download a pdf it would automatically add the icon to the right of the link.

<a href="news/issue12.pdf">View Latest Issue</a>
a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat center right;
}

Result

View Latest Issue

Written by Pete in: css |

Powered by WordPress | Aeros Theme | TheBuckmaker.com WordPress Themes