opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; For 50% opacity of Element
Category Archives: CSS
CSS vertical align
Understandable code: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”> <html> <head> <title>Universal vertical center with CSS</title> <style> .greenBorder {border: 1px solid green;} /* just borders to see it */ </style> </head> <body> <div class=”greenBorder” style=”display: table; height: 400px; #position: relative; overflow: hidden;”> <div style=” #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;”> <div class=”greenBorder” style=” #position: relative; …
CSS set link Styles
#CSS ,#CSS a:hover, #CSS a:link,#CSS a:roll, #CSS a:visited{ font-size:12px; background-color: #FF0000; color: #FFFFFF; padding:5px; margin:2px; font-weight:normal } #supertitle{ margin:10px; font-size:15px } #supertitle a:visited, #supertitle a:Hover, #supertitle a:link, #supertitle A:visited { margin:10px; font-size:15px }
Css include external files
On main style add this code! @import url(**.css); @import url(***.css); @import url(****.css); ** CSS Filename
Vector corners
Opera: SVG, IE: VML, Firefox: -moz-border-radius, Safari: -webkit-border-radius
Make a Div Into a Link
It’s easy to make any div into a link by using a bit of javascript. You can use this technique to make any div “clickable”. For example, you might want your “header” div to link to your home page. Here’s how it’s done. <div onclick=”location.href=’http://www.example.com’;” style=”cursor:pointer;”></div> you can make your header div clickable by using …