Svar på vanlige spørsmål innen html og css

[Even.]

Tenkte jeg skulle lage en liten tråd som omhandler de vanligste problemene innen html og css. Slik det er nå så er det ganske mange tråder som omhandler helt enkle ting som midtstilling, hvordan man får to bakgrunnsbilder og lignende ting. Fant ingen tråd fra før av, men hvis det finnes så får heller moderatorene stenge denne. Jeg vil oppdatere denne med hotlinker til hvert inlegg etterhvert. For å gjøre det mest mulig ryddig er det greiest hvis folk poster et nytt inlegg i stedet for å redigere eldre inlegg.

 

Andre må gjerne poste videre, men helst kun fasitsvar og ikke generelt småsnakk

 

 

 

Direkte linker til inlegg

 

Hvordan sette bilde som bakgrunn?

Hvordan vidersende brukeren til en annnen side?

Hvordan midtstille sider i CSS og forandre stil på linker

Endret 26. april 2006 av EvoZ

[neivoll]

Hvordan sette bilde som bakgrunn i css, og innstillinger på dette

 

body {
background/background-image: url(bakgrunnsbilde.jpg);
background-repeat: repeat-x/repeat-y/repeat/no-repeat; /* Repetere bakgrunnsbilde */
background-position: left/right/top/center/bottom/x; /* Plassere bakgrunnsbilde */
background-attachment: fixed/scroll; /* La bildet stå stille når man scroller siden (obs, er som regel en dårlig idè!)

 

Btw, husk at i eksempelet med formatering av linker arver :visited :active og :hover egenskapene fra a, så du trenger egentlig ikke stille på de tingene du ikke skal forandre på. Her hadde det holdt med

a {    /*Linken til vanlig*/
  font-family: "Treebuchet MS", Arial ,Helvetica;   /*Skrifttypen*/
  font-size: 0,75em;    /*Skriftstørrelsen*/
  text-decoration: none;    /*Bestemmer om linker skal være understreket osv.*/
  color: #333333;    /*Fargen på linken*/
}

a:hover {    /*Hover, når musepekeren er over linken*/
  text-decoration: underline;
  color: #000000;
}

Endret 26. april 2006 av anners

[Even.]

Hvordan sende brukeren til en annen side?

 

Denne koden kan være ganske nyttig hvis du har byttet adresse og vil sende brukerene automatisk over til den nye adressen når de går inn på den gamle.

 

<meta http-equiv="refresh" content="3;URL=http://www.min.side.no" />

 

Tallet (her 3) er antall sekunder det skal ta fra siden er lastet til nettleseren begynner "omdirigeringen", etterpå kommer adressen til siden.

[Even.]

Hvordan midtstille sider med css

 

body {
   margin: 0 auto;
   text-align: center;    /*IE HACK*/
}

 

 

 

Denne koden fungerer i alle nettlesere hvis man bruker riktig DOCTYPE, hvis man ikke bruker det må man legge til en liten "hack" for å få det til å fungere i IE.

 

Hvordan forandre fargen på linker?

 

a {    /*Linken til vanlig*/
   font-family: "Treebuchet MS", Arial ,Helvetica;   /*Skrifttypen*/
   font-size: 0,75em;    /*Skriftstørrelsen*/
   text-decoration: none;    /*Bestemmer om linker skal være understreket osv.*/
   color: #333333;    /*Fargen på linken*/
}

a:active {    /*Aktiv link, kan drøyes*/
   font-family: "Treebuchet MS", Arial ,Helvetica;
   font-size: 0,75em;
   text-decoration: none;
   color: #333333;
}

a:visited {    /*Besøkt link, kan drøyes*/
   font-family: "Treebuchet MS", Arial ,Helvetica;
   font-size: 0,75em;
   text-decoration: none;
   color: #333333;
}

a:hover {    /*Hover, når musepekeren er over linken*/
   font-family: "Treebuchet MS", Arial ,Helvetica;
   font-size: 0,75em;
   text-decoration: underline;
   color: #000000;
}

Endret 26. april 2006 av EvoZ

[Steinmann]

EvoZ: Den midstille greia di er nok feil.

text-align: center; skal ligge i forelder elementet, samt at elementet trenger en fast bredde.

[Even.]

Det går fint å legge det i body

 

Så setter du bredde på divisjonene og de blir midtstilt. Uansett kan man bruke den første så lenge man har rett DOCTYPE.

[am3k]

En god idè EvoZ, vi ser det litt ann.

3 "guider" er etter min mening ikke nok, saml litt flere vanlige spørsmål så skal vi nok få den opp som annonsering/sticky

 

Edit:

Det ligger vist allerede en annonsering, Oppslagsverk over artikler, som tar for seg noe av det samme...

Endret 26. april 2006 av am3k