.left { background-image: url(image/lacepattern.jpg); background-repeat: no-repeat; background-position: left top; } .kkdekievit { background-image: url(image/kkdekievit.jpg); background-repeat: no-repeat; background-position: right top; } .listbutton { list-style-type: disc; } .handje { cursor: hand; } /*CSS IMAGE */ .spiderpic{ position: relative;z-index: 10; } .spiderpic:hover{ background-color: transparent; z-index: 60; } .spiderpic span{ /*CSS for enlarged image*/ position: absolute; background-color: white; padding: 5px; left: -1000px; border: 1px solid black; visibility: hidden; color: black; text-decoration: none; } .spiderpic span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .spiderpic:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -300; left: 60px; /*position where enlarged image should offset horizontally */ } /*CSS IMAGE Left*/ .spiderpicl{ position: relative;z-index: 10; } .spiderpicl:hover{ background-color: transparent; z-index: 60; } .spiderpicl span{ /*CSS for enlarged image*/ position: absolute; background-color: white; padding: 5px; right: -1000px; border: 1px solid black; visibility: hidden; color: black; text-decoration: none; } .spiderpicl span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .spiderpicl:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -300; right: 60px; /*position where enlarged image should offset horizontally */ } H4 {font-weight: 300 ;text-decoration: Line-through}