Making simple hover image using CSS
I always forget this basic image hover. Im posting it here in my blog for future referrence and for you my readers as well. Making hover images is fairly simple and very straight forward. It only needs a couple of css lines using the anchor element and its hover by manipulating
writing accessibility CSS code for the color blind
Not being able to see the differences between colors is a bit trouble some. Imagine yourself looking at the traffic light and not seeing and red color. These people will see yellowish brown color instead of the red color. Red-green color blind is also called Protanopia, people that are less
Tableless form using HTML with CSS
Making a tableless form is fairly very easy. Like the one shown below: Name: Email: Comment: HTML code: <form id=”testform” name=”testform” > <label >Name:</label> <input type=”text” name=”name” /><br /> <label >Email:</label> <input type=”text” name=”email” /><br /> <label >Comment:</label> <textarea name=”comments” rows=”5″ cols=”25″></textarea><br /> </form> Add this to your CSS: #testform
transparent images using css with opacity
Using CSS we could add some uniqueness to our hml pages using transparent images. for example, if we have a global background image ang on top of it there is a gif image only the border or the edges would become transparent. Specifiying the image opacity allows us to adjust
Making the entire div clickable
We could make an entire div tag clickable by redirecting the click to a page and by changing the cursor sytle to a pointer. This is good if you want your logo or your banner to be clickable, specially if the logo is embedded together with the banner. Making the
CSS Floating Image
Theres a request with this entry from my last blog, and because i can still remember it, im going to post it here. the image stated in the url will be fixed no matter how the page is scrolled down. <style type=”text/css”> <!– body { background-attachment: fixed; background-image: url; background-repeat:
Creating Drop Shadow Using CSS
Create a a simple drop shadow using only CSS without any javascript code.