Hvordan lager man bokser i CSS?

[Überadri]

Hvordan lager man bokser i CSS?

 

Slik at man kan ha en overskrift/banner, en hovedboks med tekst/artikler/osv, en boks med meny i og en boks med footer. Veldig mange sider bruker dette istedenfor tabeller og frames.

 

Denne siden er et godt eksempel.

Det er også denne siden.

[Svendsen]

Se om ikke denne linken kan forklare litt for deg: http://glish.com/css/ her kan du og prøve deg frem litt "live"

[AK47]

Her er et eksempel, som jeg tror skal være riktig:

 

CSS-dokumentet, med en tilfeldig valgt plassering:

#box{

position: absolute;

left: 300px;

top: 146px;

Width: 440px;

height: 465px;

}

HTML-dokumentet:

<div id="box">

***her putter du inn det som skal være i boksen***

</div>

[Überadri]

Ja! Det funka! Takk!

[Überadri]

Jeg lurer på to ting til:

 

1. Kan man plassere bokser relative i forhold til hverandre? For eksempel boks2 skal være 10px under boks1 og boks3 skal være 10px til høyre for boks1. Slik at hvis leseren setter opp skriftstørrelsen så vil boks2 og boks3 flytte på seg når boks1 blir større, isteden for at boks1 går oppå dem.

 

2. Hvordan får man bilder "rundt kanten" på boksene? Slik at man lager en ramme av feks 4 bilder rundt boksen. Tror bildene må være satt inn som bakgrunn.

[Magnus Holm]

Den koden du har nå så bruker du id. Id'er kan bare brukes en gang. Hvis du skal ha flere standar-bokser bruk: class. Da blir koden:

<div class="box">Bla, bla, bla</a>

Og CSS:

.box {
CSS-koden din
}

[funkweb]

Denne forklarer hvordan Box-model fungerer.

Greit å få med seg det.