"info/tekst bokser" hvordan?

[LgitechDInovo]

Hei, hvordan lager jeg sånne infor bokser sånn som på battlefield.no?

Endret 19. mars 2005 av LgitechDInovo

[N*]

hva er en inforboks?

slik som de er på den siden tipper jeg det er en tabell som er delt opp i masse celler osv.

 

slik kan du gjøre det:

 

html:

<div class="boks">

<h2>overskrift her</h2> <!-- bytt ut teksten med ønsket overskrift -->

<p>brødtekst her</p> <!-- bytt ut teksten med ønsket tekst -->

</div>

 

css:

div.boks {

width:100%; /* bredden på hele boksen (nå er den 100% og skal fylle hele elementet den er i) */

height:auto; /* automatisk høyde.. den blir større jo mer brødtekst du skriver */

background:#ccc; /* bakgrunnen på boksen (det som er lys-grå nå.)*/

border:1px solid #aaa; /* grå tynn linje rundt hele greia */

}

h2 {

background:#fff; /* hvis bakgrunnsfarge bak overskriften */

border:1px solid #aaa; /* grå linje rundt overskriften */

margin:3px 3px 0 3px; /* overskriften er 3piksler fra kanten på boksen */

}

div.boks p {

background:#fff; /*hvis bakrunn i brøteksten */

border:1px solid #aaa; /* grå tynn linje rundt brøteksten */

margin:3px; /* brødteksten er 3piksler fra kanten på boksen */

}

 

koden er ikke testet

 

edit: hvorfor vil du ha slike bokser egentlig? hva med å lage noen selv.

edit2: la til kommentarer

Endret 19. mars 2005 av N*

[LgitechDInovo]

er ikke helt sikker på hvordan ejg lager det selv, er litt ny i web-design skjønner du

 

de virket ikke

Endret 19. mars 2005 av LgitechDInovo

[LgitechDInovo]

kan noen si hva jeg skrive inn for å få sånn bokser??

prøver meg fram her, men får ikke til

[N*]

de virker? eller hva er det du mener ikke virker?

 

lær deg litt html og css så skjønner du bedre hva du gjør.

 

edit: la til kommentarer oppi der.

Endret 19. mars 2005 av N*

[LgitechDInovo]

de virker? eller hva er det du mener ikke virker?

 

lær deg litt html og css så skjønner du bedre hva du gjør.

 

edit: la til kommentarer oppi der.

det funka nå... hmm.. ja vet , hehe, jeg driver å lærer... alle mo jo begynne et sted

[Haraldson]

height:auto; /* automatisk høyde.. den blir større jo mer brødtekst du skriver */
margin:3px 3px 0 3px; /* overskriften er 3piksler fra kanten på boksen */

 

N*: Linje 1 er helt unødvendig. På linje 2 bør du bruke relative verdier, ellers vil det se veldig rart ut om teksten forstørres. Prøv f.eks med 0.5ex.

[LgitechDInovo]

hvordan skal jeg få det sånn her?

jeg har nå laget den i midten

Endret 19. mars 2005 av LgitechDInovo

[Prodigy_]

Kanskje denne tråden hjelper deg litt på vei?