HTML Help: February 2013

Monday 18 February 2013

Support

It will be my pleasure if u people will be sending feedback and suggestions ..
You can post your spcifiic problems also..

Change Color Of the div on Mouse over

Here is the html page say index.html

<html>
<head><title>Change Color</title>
</head>
<body>
<div id="header"></div>
</body>
</html>

and the css is style.css

#header
{
width:100px;
height:100px;
background-color:red;
-webkit-border-radius:10px;
}
#header:hover
{
background-color:purple;
}

hope it will be helping you...

Rounded corners Using Html and CSS

Friends today I am going to tell u, how to create rounded corners on any div..

here is the html file index.html
<html>
<head>
<title>Rounded Corner</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header"></div>
</body>
</html>

and here is the css style.css

#header
{
width:100px;
height:100px;
background-color:purple;
-webkit-border-radius:10px;
}

Friday 8 February 2013

Image Slider Using HTML and CSS only

Friends today Iwill tell you how to make a slide show on your web page using only html and CSS......
Here is the code..
This is the page index.html

<html>
      <head>
             <title>Slide Show</title>
             <link rel="stylesheet" type="text/css" href="index.css">
      </hrad>
<body>
              <div id="slide">
                    <marquee behavior="alternate" scrollamount="8">
   <img src="image pathand name">
                                   <img src="image pathand name">
<img src="image pathand name">
                     </marquee>
              </div>
</body>
</html>

and here is the css for above web page index.css

#slide
{
height:300px;
width:300px;
    margin:auto;
}

/*make sure that the sizeof images should be 300*300in this case*/