Setter farge på bakgrunnen:

body {

background-color:#999999

}

Her kommer bestemmelsene for toppdiven:

#Topp {

                position: absolute;

                width: 900px;

                height: 200px;

                top: 10px;

                left: 10px;

                background-color: #C0C0C0;

}

Menylinje (under toppdiven)

#Menylinje {

                position: absolute;

                width: 900px;

                height: 30px;

                top: 220px;

                left: 10px;

                background-color: #C0C0C0;

}

#Meny {

                position: absolute;

                width: 200px;

                left: 10px;

                height: 500px;

                top: 260px;

                background-color: #C0C0C0;

}

 

 

#Innhold {

                position: absolute;

                top: 260px;

                left: 220px;

                width: 480px;

                height: 500px;

                background-color: #C0C0C0;

}

#sidebanner {

                position: absolute;

                width: 200px;

                height: 500px;

                top: 260px;

                left: 710px;

                background-color: #C0C0C0;

}

Legger en div utenpå de andre – flytter alle til midten:

#Sentrer {

                position: relative;

                width: 900px;

                margin-right: auto;

                margin-left: auto;

}

Lager en punktmerkeliste til meny – trykk på bullets knappen: Dette er hele listen

#Meny ul {

                padding: 10px;

                margin: 0px;

                list-style-type: none;

}

Dette er hvert punkt I listen:

#Meny li {

                width: 200px;

                height:50px;

Jeg fjernet det som stod på side 78, ville ikke ha striker I mellom når jeg har bilder.

 

}

Dette er selve hyperkoblingene – her med bilde (knapp)

#Meny a {

                margin: 0px;

                font-family: Arial, Helvetica, sans-serif;

                font-size: 14px;

                color:black;

                font-weight: bold;

                text-decoration: none;

                background-image: url('Images/knappmørk.png');

                letter-spacing: 0.15em;

                display: block;

                background-repeat: no-repeat;

                position: absolute;

                width: 160px;

                height: 40px;

                padding-top: 12px;

                padding-left: 20px;

}

Her er hyperkoblingens bestemmelser når du fører musepekeren over.

#Meny a:hover {

                background-image: url('Images/knapplys.png');

                background-repeat: no-repeat;

                Color:fuchsia;

}