On 9 Aug 2003 03:06:27 -0700,
al************@hotmail.com (al) wrote:
Hi,
I've been trying to create a image mouseOver effect using CSS - is
this possible? Or will I have to use DIV tags or something along
those lines?
I found the following vertical menu the other day on a CSS website:
<HTML>
<HEAD>
<TITLE>CSS2 Vertical Rollovers</TITLE>
<STYLE>
H4 {
PADDING-RIGHT: 0.3em; PADDING-LEFT: 0.3em; PADDING-BOTTOM:
0.3em; MARGIN: 0px; PADDING-TOP: 0.3em; TEXT-ALIGN: center
}
DIV.menu {
BORDER-RIGHT: #000 2px solid; PADDING-RIGHT: 0px; BORDER-TOP:
#000 2px solid; PADDING-LEFT: 0px; BACKGROUND: #fff7ad;
PADDING-BOTTOM: 0px; MARGIN: 1em; BORDER-LEFT: #000 2px solid; WIDTH:
100px; PADDING-TOP: 0px; BORDER-BOTTOM: #000 2px solid
}
DIV.menu A {
PADDING-RIGHT: 0.3em; BORDER-TOP: #000 1px solid; DISPLAY:
block; PADDING-LEFT: 0.3em; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.3em;
MARGIN: 1px; WIDTH: 100%; COLOR: #00f; PADDING-TOP: 0.3em; TEXT-ALIGN:
center; TEXT-DECORATION: none
}
UNKNOWN {
WIDTH: auto
}
DIV.menu A:hover {
BACKGROUND: #fc0; COLOR: #00f
}
</STYLE>
</HEAD>
<BODY>
<DIV class=menu>
<H4>Menu Title</H4><A
href="http://www.websiteoptimization.com/products/">Products
<BR></A><A
href="http://www.websiteoptimization.com/services/">Services
<BR></A><A
href="http://www.websiteoptimization.com/about/">About <BR></A><A
href="http://www.websiteoptimization.com/contact/">Contact
<BR></A></DIV>
</BODY>
</HTML>