Posts

Showing posts with the label CSS

styling checkbox as toggle

down vote Basically, you can't because IE doesn't support it (so use a class instead) but if IE worked properly and CSS3 was well supported you could use a general sibling selector like so: Welcome to trueownr.com Lost Found withOwner Found Found

website not scrolling in android

body { overflow:hidden; }

Css not Updating in android browser

Most probably the file is just being cached by the server. You could either disable cache (but remember to enable it when the site goes live), or modify  href  of your  link  tag, so the server will not load it from cache. If your page is created dynamically by some language like php, you could add some variable at the end of the  href  value, like: rel="stylesheet" type="text/css" href="css/yourStyles.css? php echo time (); ?> " That will add the current timestamp on the end of a file path, so it will always be unique and never loaded from cache. If your page is static, you have to manage those variables yourself, so use something like: rel = "stylesheet" type = "text/css" href = "css/yourStyles.css?version=1" /> after doing some changes in the file content, change  version=1  to  version=2  and so 

css to align button in center

Next

Style a Select Box Using Only CSS

Image
I often have to use a select box when I’m putting together a custom form that requires a drop down list. It took me a while to figure out how to easily style the select box using only CSS since certain parts are browser specific, such as the drop down arrow. Here is how a select box will look by default: This is the HTML code: <select> <option> Here is the first option </option> <option> The second option </option> </select> There are certain elements of a select box that we can style such as the font, border, color, padding and background color: But that annoying drop down arrow always stays the same. There is no direct way to do style it, but the workaround is pretty simple. First we need to surround our select box element with a div container: <div class = "styled-select" > <select> <option> Here is the first option </option> <option> The second option </...

Responsive css table

Image
  demo here : http://codepen.io/anon/pen/QwPVNW code here :   index.php <!DOCTYPE html> <html >   <head>     <meta charset="UTF-8">     <title>Responsive table</title>            <link rel="stylesheet" href="css/style.css">   </head>  <body>     <table>   <thead>     <tr>       <th>Payment</th>       <th>Issue Date</th>       <th>Amount</th>       <th>Period</th>       <th>Issue Date</th>       <th>Amount</th>       <th>Period</th>     </tr>   </thead>   <tbody>  ...