1 0 Archive | html RSS feed for this section
post icon

How to refresh page after loading

While making a mobile friendly page i need to readjust the page to make it center align. As with load of the page it was not being centered, when user click double click on the page, it get’s align centered. so we implemented auto refresh which do exactly what we after…

JavaScript

< script language=” JavaScript” >
< !– function LoadOnce() { window.location.reload(); } //– >
< /script>

Call this function on body tag

< body onLoad=” LoadOnce()” >

Leave a Comment
post icon

How to change, switch between two images for anchor tag?

< a href="index.php">

< img src="images/home-grey.png" onmouseover="this.src='images/home-white.png'" onmouseout="this.src='images/home-grey.png'" />

< div class="big-text">Home< /div>

< /a>

Leave a Comment
post icon

Setting font size and Color for H1 tag

h1 {
color: #33A1CC;
font-family: Vagabond,trebuchet,”Trebuchet MS”,sans-serif;
font-size: 32px;
margin: 0;

}

Leave a Comment
June 14, 2012
post icon

Center body content using CSS

#wrapper {
width: 1000px;
margin: 0 auto;
}

 

<body>
<div id=”wrapper”>
<h1>This page is centered!</h1>
<!– rest of page content goes here –>
</div>
</body>

Leave a Comment
post icon

Resize Image on Mouse over

<img src=”http://img.metro.co.uk/i/pix/2012/01/19/article-1326991110418-0F88979100000578-438938_466x310.jpg” width=”150″ height=”100″ name=”image_name”
onmouseover=”image_name.width=’300′;image_name.height=’200′;”
onmouseout=”image_name.width=’150′;image_name.height=’100′;” />

Leave a Comment
January 20, 2012
post icon

Round Corner box with CSS “Border-radius”

Have you(programmer) ever need a round corner box around some text. What you do

ask designer to make a round corner image and use it as a <DIV> backround, right?

Now with CSS3, IE9, FF7+, you can use CSS to define a “round corner box” using only CSS.

//css

<style>
.round{
border-radius: 25px;
background-color:#CCC;
width:300px;
height:300px;
padding-top:5px;
padding-left:5px;
}
</style>

 

//HTML/PHP

<div class=”round”>This is round corner box</div>

 

//output

CSS Round Corner Box using DIV

 

Leave a Comment