Div istedenfor tabeller

Haraldson · 9. april 2004

Mange her på forumet maser om div istedenfor tabeller.

Derfor har jeg lyst til å lære meg dette, siden sidene også blir bedre på alle måter (?). Jeg vet INGENTING om div

Så gjennom den sticky tråden om sider som er verdt å merke seg osv., men orka ikke se gjennom alle. Fant da ikke noe som har med div å gjøre.

Noen som har noen linker til tutorials (MÅ VÆRE FOR NYBEGYNNERE) eller bare "skole"-sider der det står en del rundt div?

På forhånd takk.

Loomy · 9. april 2004

http://www.w3schools.com/css/css_positioning.asp :yes:

http://www.glish.com/css

Endret 9. april 2004 av Loomy

Haraldson · 9. april 2004

Ok... Var det jeg tenkte, at det var vha CSS.

Det er der <div>-taggen i HTML kommer inn, sånn at "CSS-fila vet hvor den skal virke"?

Knebba · 9. april 2004

jepp

f.eks

css:

#kult {

background-color: #123456;

border: 100px dotted;

}

html:

maaaaaaaaassee innhold!!!!!

</div>

Haraldson · 9. april 2004

Den posten oppklarer en del, kennteh.

Må vel bare lære meg ulike CSS-koder, da :roll:

Skulle ha tenkt på dette før i påsken, nå er den jo snart slutt!

Knebba · 9. april 2004

hehe...

så gøy at den hjalp såpass..

ta det med ro, css er veldig lett å lære !!

Haraldson · 9. april 2004

Jepp, har jo allerede en stylesheet som bestemmer alink, ahover, avisited, font, fontsize og scrollbar, men utover det har jeg ikke satt meg inn i noe, ettersom mine desginer er basert på tabeller

Edit: Man skriver altså inn

<link rel="stylesheet" type="text/css" href="stil.css">

på vanlig måte mellom <head>-tagene, og skriver inn all informasjonen om de forskjellige div'ene i CSS-en..?

Rekkefølge er vel ganske viktig i CSS, noen spesiell plass det bør stå?

Endret 9. april 2004 av NMI on XTC

Lemkin · 9. april 2004

Fin huske regel når man jobber med CSS og div's:

#div {} brukes slik i html:

.div {} brukes slik i html

Husk at man også kan bruke #div a {} for å definere "a" i den div'en

:yes:

Knebba · 9. april 2004

scrollbar validerer ikke, og virker så langt jeg vet bare i IE... men jaja

mye av det du definerer i vanlige html tagger bruker man også i css...

f.eks.

font-size

width

height

border

margin

padding

cellspacing

dessuten er det ofte lett å gjette seg til hva de forskjellige sakene er

men bare spør her., så får du svar utrolig fort!

Haraldson · 9. april 2004

#div {} brukes slik i html:
<div id="div"></div>

.div {} brukes slik i html

<div class="div"></div>

Og det er "enten eller"?

Knebba · 9. april 2004

nei....

#kult{} kalles frem ved bruk av id="kult"

id kan bare brukes en gang på siden

.kult{] kalles frem ved bruk av class="kult"

class kan brukes så ofte du vil

Haraldson · 9. april 2004

Men da er det vel bare å bruke class? Eller har id et spesielt formål?

Edit: Kalte en div for "noob".

Når jeg skal kalle opp denne diven i CSS, hvordan blir det?

.div ?????

Endret 9. april 2004 av NMI on XTC

Knebba · 9. april 2004

hm... okei..

lager du f.eks.

table.kult{

height: 250px;

width: 360ox;

}

table.fancy{

width: 400px;

}

legg merke til at på table.kult er height definert, siden den mangler i table.fancy blir det automatisk tatt fra en table.XXX som ha det !

Lemkin · 9. april 2004

Greit å bruke #endiv som en div også feks ha 2 #endiv i samme siden med en med .class1 og den andre med .class2

eks:

#maintext {

noe

med

css

}

.mørk {

backgroundcolor: #000;

}

.lys {

backgroundcolor: #fff;

}

Om jeg nå bruker <div id="maintext"></div> får jeg:

#maintext {

noe

med

css

}

Om jeg velger å bruker .lys <div id="maintext" class="lys"></div> vil jeg få dette:

#maintext {

noe

med

css

}

+

.lys {

backgroundcolor: #fff;

}

i samme <div> :thumbs:

Haraldson · 9. april 2004

:cry:

Blir mye informasjon på en gang i dag... :dontgetit:

Tror jeg ser på dette en gang i morra...

(I mellomtiden er det en edit på de to siste (?) postene mine som ikke er blitt besvart. Så har dere noe å sysle med!)

Knebba · 9. april 2004

Kalte en div for "noob".

Når jeg skal kalle opp denne diven i CSS, hvordan blir det?
.div ?????

i html koden skriver du da

ting du skal ha der

</div>

Haraldson · 9. april 2004

Hmm.. Mente heller hvordan kodinga blir i CSS. Har klart å kalle div'en noob i HTML, for det står det jo ganske utfyllende om før her i denne tråden. Ellers takk for mye bra hjelp!

Lemkin · 9. april 2004

.class {

css

kode

her

}

blir kalt ved <div class="class"></div>

#id {

css

kode

her

}

blir kalt ved <div id="id"></div>

Det var det jeg prøvde å forklare i sta

Edit:

om du vil lage en boks som er 100x100 px stor feks blir koden slik:

CSS:

#enlitenboks {

width: 100px;

height: 100px;

border: 1px solid #000;

}

for å gjøre det litt lettere å forstå kan jeg prøve å forklare hver enkel kode sin funksjon:

width: 100px; -Forteller oss at bredden på denne boksen er 100px (pixels)

height: 100px; -Forteller oss at høyden på denne boksen er 100px;

border: 1px soild #000; -Denne koden gir boksen en "ramme" som er 1px tykk, linjen er vanlig og at fargen på linjen er #000 (svart)

Alt dette tilsammen gir oss en boks som er 100x100 px med en svart ramme rundt

Endret 9. april 2004 av smoothie

Haraldson · 9. april 2004

Wow, smoothie! Du får det hele til å høres sååå enkelt ut! (Ironi...) Eller kanskje det bare er jeg som har fått nok for i dag?

Så hvis jeg har skrevet...

<div class="noob">Din lille n00b!</div>

...i HTML-fila, skriver jeg bare...

.class { masse koder og stuff }

??

Er liksom dette jeg ikke riktig skjønner...

Knebba · 9. april 2004

ja!

det er helt riktig!

se der du, det var jo ikke vanskelig en plass ;)

Div istedenfor tabeller

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer