<P> <! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <HTML lang = it dir = ltr xml: lang = "it" xmlns = "http://www.w3.org/1999/xhtml"> <HEAD> <TITLE> CSS + JS control Image Display </TITLE> <STYLE> BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 70% </P> <P> Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px; TEXT-</P> <P> ALIGN: center} # outer {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url (/images/bg-outer.gif) </P> <P> repeat-y center top; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 780px; PADDING-</P> <P> TOP: 0px; TEXT-ALIGN: left }# wrapper {BACKGROUND: # fff; MARGIN: 0px 4px} # content {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 400px; PADDING-BOTTOM: 20px; </P> <P> MARGIN: 20px 30px; PADDING-TOP: 0px; POSITION: relative} # focus {BORDER-RIGHT: # ccc 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: # ccc 2px solid; </P> <P> PADDING-LEFT: 0px; MIN-HEIGHT: 188px; BACKGROUND: url (/images/tile.gif) # eee repeat </P> <P>-y left top; PADDING-BOTTOM: 10px; MARGIN: 25px 0px 30px; BORDER-LEFT: # ccc 2px </P> <P> solid; WIDTH: 100%; PADDING-TOP: 15px; BORDER-BOTTOM: # ccc 2px solid; POSITION: </P> <P> relative; HEIGHT: 188px} # beni {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; </P> <P> WIDTH: 250px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 15px} # beni LI {BORDER-TOP: # fff 1px solid; FONT-SIZE: 12px; FLOAT: left; WIDTH: 250px; TEXT-</P> <P> INDENT: 24px; LINE-HEIGHT: 26px} # beni LI. first {BORDER-TOP: 0px} # beni li a {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; PADDING-</P> <P> LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: # eee; PADDING-BOTTOM: 0px; MARGIN: 0px; </P> <P> BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none} # beni li a: hover {BACKGROUND: # f9f9f9 }</STYLE> </HEAD> </P> <BODY id = home> <UL id = beni> <LI class = first> Opere e oggetti d 'Arte </LI> <LI> appsetture </LI> <LI> Reperti archeologici </LI> <LI> Stampe e matrici di incisione </LI> <LI> Fotografie </LI> <LI> Beni etnoantropologici </LI> </UL> </BODY> </HTML> </P>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]