Font på nettside

[Exlil]

Vil heller anbefale deg og style det i den diven hvor lenken din er.
Eks:

Kode: Merk alt

#en-div a {
     text-decoration:none;
}

#en-div a:hover {
     color:#f90;
     text-decoration:underline;
}


Bruker du måten som han Uluen skrev tar du alle lenkene i dokumentet, kan fort skape konflikter med andre lenker som har en annen stil.
Mens med denne måten styler du bare lenkene i den enkelte diven.

Har du flere divs som du ønsker å ha samme stil på kan du kombinere disse
Eks:

Kode: Merk alt

#en-div a, #en-annen-div a {
    text-decoration:none;
}

#en-div a:hover, #en-annen-div a:hover {
     color:#f90;
     text-decoration:underline;
}


E.

[Uluen]

Han Uluen ga et helt grunnleggende eksempel da han fikk inntrykk av at OP var helt fersk på CSS

Før man skjønner hva Cascading delen av Style Sheet gjør tror jeg det er greit å begynne på begynnelsen.

[Kringon]

For å ta bilde "problemet" ditt så må du endre på filen skanevik.html

under ser du linjen i HTML koden din jeg vil referere til:

Kode: Merk alt

<div class="rad2">
            <img id="ballett" src="images/ballett.jpg" alt="Strech Leadership - One Step Ahead" />


endre den til

Kode: Merk alt

<div class="rad2">
            <img id="hotell" src="images/hotell.jpg" alt="Bilde av Skånevik Hotell" />


Da definerer du at bildet som er der skal ha ID hotell (for å kunne spesifisere det i CSS koden din) og at bildet ligger i folderen images med navn hotell.jpg.Pass på at du legger et bilde i den folderen med AKKURATT det navnet, eller så vil det ikke fungere. ALT atributten beskriver som nevnt tidligere bildet som er der slik at folk som browser siden din uten å laste opp bilder får en vettug beskrivelse av det. (blinde, svaksynte, folk som har dyre dataplaner på mobilen etc.)

merk at du må lage et CSS element for "hotell" slik at bredde, høyde og marginer stemmer overens med id for "ballett". (kopier ballett elementet, paste det og gi det navnet hotell så er biffen klar til å stekes)

-Kringon

[tjodolv]

Husk at litt av poenget med CSS er å holde koden DRY (Don't Repeat Yourself). Jeg vil foreslå å endre litt på Kringon sitt forslag, som vil bli slik:

Kode: Merk alt

#ballett {
  float: right;
  height: 200px;
  position: relative;
  width: 500px;
}
#hotell {
  float: right;
  height: 200px;
  position: relative;
  width: 500px;
}

Gjør heller slik:
Enten sette alle ID-selectorne som skal ha denne stilen etter hverandre. Separer med komma.

Kode: Merk alt

#ballett, #hotell {
  float: right;
  height: 200px;
  position: relative;
  width: 500px;
}

Eller slik:
Vi benytter oss av den overordnede klassen rad2, for å velge bildet som kommer under.

Kode: Merk alt

.rad2 img{
  float: right;
  height: 200px;
  position: relative;
  width: 500px;
}

[Kringon]

Det er selvsagt best å gjøre det på den måten tjodolv skisserer. Ville valgt skisse nr 2 da dette tross alt gjelder alle bildene som skal være der.