Gå til innhold

Div istedenfor tabeller

Haraldson

Anbefalte innlegg

Haraldson

Haraldson

Skrevet
Skrevet

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.

Videoannonse

Videoannonse
Annonse
Knebba

Knebba

Skrevet
Skrevet

jepp

 

f.eks

 

 

css:

#kult {

background-color: #123456;

border: 100px dotted;

}

 

html:

<div id="kult">

maaaaaaaaassee innhold!!!!!

</div>

Haraldson

Haraldson

Skrevet
  • Forfatter
Skrevet (endret)

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 :D

 

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 av NMI on XTC
Lemkin

Lemkin

Skrevet
Skrevet

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

 

#div {} brukes slik i html:

<div id="div"></div>

 

.div {} brukes slik i html

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

 

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

 

:yes:

Knebba

Knebba

Skrevet
Skrevet

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!

Knebba

Knebba

Skrevet
Skrevet

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

Haraldson

Skrevet
  • Forfatter
Skrevet (endret)

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 av NMI on XTC
Knebba

Knebba

Skrevet
Skrevet

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

Lemkin

Skrevet
Skrevet

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

Haraldson

Skrevet
  • Forfatter
Skrevet

: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

Knebba

Skrevet
Skrevet
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

 

<div class="noob">

ting du skal ha der

</div> ;)

Haraldson

Haraldson

Skrevet
  • Forfatter
Skrevet

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

Lemkin

Skrevet
Skrevet (endret)

.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 av smoothie
Haraldson

Haraldson

Skrevet
  • Forfatter
Skrevet

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...

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...