Posts Tagged css

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 […]

Read more

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 […]

Read more

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 […]

Read more

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 […]

Read more

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 […]

Read more

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; […]

Read more

Creating Drop Shadow Using CSS

Create a a simple drop shadow using only CSS without any javascript code.

Read more