Gå til innhold

Div istedenfor tabeller

Haraldson

Anbefalte innlegg

Haraldson

Haraldson

Skrevet
  • Forfatter
Skrevet (endret)
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

Dette er jeg jo kjent med fra HTML ellers. Lurer egentlig bare på hvordan man skriver inn i CSS-fila for at det skal virke.

 

Nå som den diven " har class="noob" ", blir det i CSS-en bare "noob { kode osv } ?

Endret av NMI on XTC
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Knebba

Knebba

Skrevet
Skrevet (endret)

i html fila (f.eks index.html):

<div class="noob">
Jeg er 1337 i CSS
</div>

 

 

i CSS fila(f.eks stil.css)

.noob {
font-size: 12px;
color: #808080;
width: 100px;
}

 

 

du har vel

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

mellom <head> og </head>?

 

(

<head>
<title>Css 1337</title>
<link rel="stylesheet" type="text/css" href="stil.css">
</head>

)

Endret av kennteh
Lenke til kommentar
emil_

emil_

Skrevet
Skrevet

Når du leter etter CSS-koder og slikt kan det være kjekt å ha denne tilgjengelig: http://www.w3.org/TR/CSS2/propidx.html som er en oversikt over alle CSS egenskapene. Det er også smart å validere koden hvis du er i tvil om noe. For eksempel hvis du hadde prøvd den kodesnuttent som smoothie viste deg tidligere så hadde du sikkert merket at bakgrunnsfargen ikke ble lys eller mørk når du tok class="lys" eller class="mørk", det skyldes at egenskapen backgroundcolor ble satt, men dessverre så er det ingen egenskap i CSS som heter backgroundcolor, men background-color. Så hvis du er i tvil om stilarket ditt er rett så bør du validere det. Dette var bare ett eksempel på hvor smart det er å validere når du er i tvil ;)

Lenke til kommentar
TLZ

TLZ

Skrevet
Skrevet (endret)

eg har en navigator div. inni denne er det linker. problemet er at hver link lager seg en ny linje. men eg vil ha alle på samme linje!

(håper noen forstod me nå :roll: )

CSS:
div#navigator
{
height: 13px;
background: url(Images/ImgSet-V2/navigator_bg.png) no-repeat;
vertical-align: bottom;
text-align:left;	
}

a.LinkHome 
{
background: url(Images/ImgSet-V2/Buttons/Home.png) no-repeat;
width: 54px;
height: 14px;
display: block;
}

HTML:
<div id="navigator">
 <a href="#" class="LinkHome"></a><a href="#" class="LinkHome"></a>
</div>

 

 

Koselig at du kommer og spør i posten min, TLZ  :p  ( :devil: )

ble litt unødvendig å starte ny, haddde opprinlig tenkt å poste i kafeen men så var det jo en post om akkurat det temaet eg holdt på med... :)

Endret av TLZ
Lenke til kommentar
Haraldson

Haraldson

Skrevet
  • Forfatter
Skrevet

Ok... Nå har jeg fått leika meg litt med diverse CSS-koder og sånt.

 

Jeg sitter fremdeles med en del spørsmål:

 

- Hvordan kan jeg plassere div-ene best mulig?

- Kan jeg ha flere celler i en div, sånn som jeg kan i en tabell?

- Dette med id og class... Sett at jeg har én side som jeg skal ha flere div-er på. Skal jeg da skrive lik id på alle, men forskjellig class? Omvendt?

Lenke til kommentar
Arve Systad

Arve Systad

Skrevet
Skrevet (endret)

http://css.absentvoid.com :w00t:

 

- Hvordan kan jeg plassere div-ene best mulig?

Les litt om Posisjonering.

- Kan jeg ha flere celler i en div, sånn som jeg kan i en tabell?

Ja, men bruk en tabell om det er tabulær data som skal settast opp. Til layout derimot, bruk div's.

- Dette med id og class... Sett at jeg har én side som jeg skal ha flere div-er på. Skal jeg da skrive lik id på alle, men forskjellig class? Omvendt?

http://css.absentvoid.com/norsk/index.php?...e=grunnleggande

 

 

 

:w00t:

Endret av arve87
Lenke til kommentar
Haraldson

Haraldson

Skrevet
  • Forfatter
Skrevet (endret)

Etter å ha lest den artikkelen skjønner jeg ennå ikke hvorfor id skal bli brukt... :roll:

 

Man kan altså bare bruke id en gang... Hva er det man bruker id til i et vanlig HTML-dokument? body id?

 

Spør en hel del her, men dette er jo et forum :p

 

 

Edit: Bra og fin side forresten, arve87! :thumbs:

Endret av NMI on XTC
Lenke til kommentar
Haraldson

Haraldson

Skrevet
  • Forfatter
Skrevet

Så også gjennom posisjoneringskodene på WC3Schools. Der stod det ikke hvordan man midstiller osv. Hvordan blir det? Gjøres med "en annen" <div align></div> i HTML-en, eller gjøres det i CSS?

 

Jeg oppdaga også at dersom jeg skrev inn 

position:absolute

...kunne jeg flytte div-en som et layer (?) (I DreamWeaver) Det kunne jo være aktuelt i høyden, istedenfor å skrive <body topmargin=".. osv.?

Lenke til kommentar

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

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...