I gang med CSS

Tag et kik på dette link. http://www.html.dk/tutorials/css/

Den side havde jeg ikke set i min søgen.
Jeg læser lidt på det, og vender tilbage.

Hvis du laver en søgning på "css layout" kommer der en række brugbare sider :

http://www.google.dk/search?hl=da&q=css+layout&meta=&aq=f&oq=

Hviss ikke du har arbejdet med det før skal du sørge for at tjekke i forskellige browsere da de tolker det meget forskelligt.

Men held og lykke med det.

allerførst - CSS er ikke en erstatning til tables, derimod kan divs være en erstatning til tables. CSS bruges til at style ens HTML til at se ud som ønsket - og det er uanset om du bruger divs eller tables.

Det bedste sted at gå hen for at lære CSS er hos W3 - alternativt kan bruges html.dk som foreslået eller http://www.w3schools.com/css/default.asp men ingen er dog helt fantastiske.

"meget forskelligt" er måske nok en overdrivelse - selvfølgelig kan der ske underlige ting i ny og næ, men med valid HTML og ikke mindst en korrekt doctype (da man ellers risikerer at disable store dele af CSS) er man nået et godt stykke.

Det jeg har brugt tables til, er at organisere min side.
Og min opfattelse af CSS er at man kan bruge det til det samme.

Altså "fortælle" hvor Topbanner, menu osv. skal placeres.
Eller tager jeg helt fejl?

Det kan du også med CSS, men du placerer normalt dit indhold i en div, som du så placerer ved hjælp af CSS.

Som helt nybegynder kan jeg anbefale bogen "Integrated HTML and CSS", hvor der en række tutorials. Når du får lidt mere styr på det kan bogen "CSS Mastery" anbefales.

Ok. Hvad er en div? Kort fortalt.

<ole>

Der findes ikke væsentligt dårligere og mindre troværdigt site om webkode end html.dk - og netop deres CSS-tutorials er herostratisk berømt for at være fyldt med seriøse fejl, mangler og udeladelser. Pas på med den  ;o)

/mvh
</bole>

#8:

en <div> er en "division" af siden, eller en sektion om du vil. Det er en metode hvor ved du kan dele en side op. Var det kort nok?

Inden du prøver at sætte dig ind i CSS, bør du nok sætte dig ind i HTML. Køb nogle gode bøger om emnet, hvis du vil lege med det  ;o)

Det jeg egentlig havde håbet på var et par linier kode, som jeg så kunne arbejde videre på. Jeg er nemlig ikke så god til at lære ved at læse en masse teori først.

Kan det gøres enkelt, som på nedenstående link.
Et billede i toppen, menu til venstre og lidt tekst i midten?
www.praestoecyklisten.dk/

Det link du har givet er allerede i divs med CSS - så ja, det kan godt lade sig gøre.

Teori er vejen frem for der findes ufattelig meget dårlig kode og mange elendige tutorials på nettet - du kan selvfølgelig sætte dig til at analysere sider der matcher den opbygning du ønsker, men der er langt fra ingen garanti for at det er gjort rigtigt.

Ok.
Her til slut, er der vel ikke en som vil skrive et eksempel på, hvordan det kunne se ud som min beskrivelse i #12?

Selv ud fra de definitioner kan der være stor forskel - men eksemplet du linker til ser kodemæssigt ok ud, så kig i kilden på den.

Den starter med:
<div id="Top1">
  <div id="Top1text">PRÆSTØ<br />
CYKLISTEN</div>
</div>
<div id="Top2"></div>

<div id="Top3"></div>
<div id="Top4"></div>

<div id="Krop">

Top1, Top2 osv. må være de 4 områder i toppen.
Men hvor definerer man størrelsen på dem?

i den tilhørende css-fil.

Så kan jeg jo ikke få forståelsen af det, ved at kigge på koden.

hvorfor ikke?

Da jeg ikke ved hvad der skal stå i css filen.

Jamen - der er jo en reference til css-filen i HTML-koden, ellers ville browseren heller ikke have en chance for at kende til den.

Ja. Men jeg kan jo ikke se hvad der står i den css fil.

hvorfor ikke? den ligger jo lige her http://www.praestoecyklisten.dk/still.css

Ok. Det vidste jeg ikke man kunne.
SÅ kan jeg bedre se en mening med det.

Mange tak for hjælpen.
Tror jeg har forstået princippet. Skal nu til at lære.

Nej, det skal du nok ikke, men du kan lære, hvordan _han_ gør ... men det er langtfra sikkert fornuftige ting, han gør.

Før du har lært noget om HTML, er det i det hele taget svært at se, du kan have noget ud af at kikke i en CSS-fil  =)

Nu er det jo ikke sådan, at jeg ikke kan noget html overhovedet.
Og så har jeg ikke til hensigt, at kopiere en anden hjemmeside, men blot se koden på en eksisterende hjemmeside. Som jeg har skrevet tidligere, er det måden jeg lærer det nemmest på.

Jeg siger ikke, du intet kan, men når man har behov for at få forklaret, hvad et div-element er, så har men et meget stort behov for at lære mere HTML for at kunne få mening ud af CSS  ;o)

jeg synes da lige at det skal med at for at du kan bruge et ekstern css sheet skal du bruge

<link href="URL" rel"stylesheet" /> i head sektionen.

Eller hvis du heller vil skrive css direkte i dit html dokument skal du skrive i head sektionen og bruge:

<style type="text/css">

- og det ser sådan ud:
    <link href="URL" type="text/css" rel="stylesheet">

Olebole ;

Ja okay, men nu gik jeg udfra at når man gør i gang med sådan en opgave at man så ved noget om script attributter. 
Ville bare lige skrive at ´rel´

- og herudfra kan jeg jo så konkludere, at der er tale om en opgave, du aldrig ville kaste dig ud i  =)

Det, du skrev, indeholdt nemlig absolut intet script - og derfor heller ingen script attributter.

Du manglede type-attributten samt et lighedstegn ved rel-attributten - og i betragtning af, hvor meget du og andre roder rundt i begreberne, er det nok meget godt at få skrevet koden korrekt ... ikke sandt?  ;o)

Du har nemlig fuldstændig ret, jeg ville aldrig benytte mig at eksterne stylesheets.
Jeg ville derimod skrive det ind i head sektionen.

Men det er da ret at du har en bruger herinde således at du kan finde og kritisere vor andres fejl.

Mon ikke du burde lære at kende forskel på at rette en fejl og at kritisere begåelsen af en fejl?  ;o)

det skulle jeg nu også mene at jeg gør..
men mon ikk du skulle lære at kende forskel på at give hurtig hjælp og give komplette løsninger ?

Det kan jeg så sandelig godt, men forkerte informationer har aldrig været hjælpsomme. Rejs dig dog op og vær mand nok til at erkende, du leverede noget møg ... sværere er det da ikke  :D

haha, jeg synes da også jeg har erkendt at der var en fejl som jeg ikke så inden jeg postede kommentaren.
Men direkte nedladende korrektioner vil jeg ikke stå model til.

Såmænd bare der skoen ligger.

Nedladende korrektioner ... hvad mener du? At jeg påpegede, du viser et eksempel med få, små huller mellem fejlene? Det er da ikke nedladende. Det er en ganske faktuel og realistisk beskrivelse af din indsats  =)

Ovrskriften på spørgsmålet er "I gang med CSS". Der er altså tale om en spørger, der gerne vil hjælpes i gang med CSS og må formodes ikke at vide noget om det på forhånd. Hvormeget hjælp mon han får ud af dit eksempel? Det havde du ingen grund til at forsøge at bortforklare  ;o)