.saule {
/* dotais objekts būs fiksēta izmēra */
display: block;
/* objekts atradīsies pa kreisi no teksta */
float:left;
/* brīvā telpa ap objektu */
margin:0.3em 2em 1em 0.5em;
/* ap objektu apvilktais rāmis */
border:9px solid black;
/* objekta platums un augstums */
width: 100px;
height: 100px;
/* objekta pamatnes attēls */
background-image: url(../att/Kolka_2005.07.27.jpg);
/* pamatnes attēla sākuma koordinātas */
background-position: -140px -60px;
}
.pamatattels {
/* pamatatēla novietojums ir relatīvs attiecībā pret tekstu */
position: relative;
display: block;
float:right;
margin:0.3em 0.5em 1em 2em;
width: 400px;
height: 250px;
background-image: url(../att/Kolka_2005.07.27.jpg);
background-position: 400px 0px;
}
.pamatattels a {
/* uznirstošo attēlu novietojums ir absolūts attiecībā pret pamatatēlu */
position: absolute;
}
/* Aktīvais laukums */
.debesis a {
/* uznirstoša attēla kreisā augšēja stūra novietojums */
left:0px;
top: 0px;
width: 400px;
height: 124px;
}
/* Uznirstošais attēls */
.debesis a:hover {
background-image: url(../att/Kolka_2005.07.27.jpg);
background-position: 0px 0px;
}
.vidus a {
left:140px;
top: 60px;
width: 100px;
height: 100px;
}
.vidus a:hover {
background-image: url(../att/Kolka_2005.07.27.jpg);
background-position: -140px -60px;
}
.zeme a {
left: 0px;
top: 125px;
width: 400px;
height: 122px;
}
.zeme a:hover {
background-image: url(../att/Kolka_2005.07.27.jpg);
background-position: 0px -125px;
}