CSS tips , bg iamge position, DIV hover

Css bg image position

stylesheet

.seabox {

background-image: url(images/seascape.gif);
background-repeat: no-repeat;
background-position: 0 0; /* remark: nothing between 0 and 0 */
}

html

<div>…</div>

http://home.tiscali.nl/developerscorner/port-hole/porthole.htm

CSS DIV HOVER

.home_tab {  (I’d call this #nav a)
width: 75px;
height: 26px;
background: url(images/home.jpg) top left no-repeat;
margin-left: 265px;
}
.home_tab:focus, .home_tab:hover, .home_tab:active { (I’d call this #nav a:focus, #nav a:hover, #nav a:active)
background-image: url(‘images/home_over.jpg’);
}

.home_tab {  (I’d call this #nav a)

width: 75px;

height: 26px;

background: url(images/home.jpg) top left no-repeat;

margin-left: 265px;

}

.home_tab:focus, .home_tab:hover, .home_tab:active { (I’d call this #nav a:focus, #nav a:hover, #nav a:active)

background-image: url(‘images/home_over.jpg’);

}

Leave a comment