Stylesheet.. Hvordan?!

for at lave en style der hører til en speciel html kommando skriver du:

p { font-family:verdane;
    ...
}

når det er gjort vil alle <p> ... </p> kommandoer få de angivne style attributter.

du kan også være mere selektiv:

p.poesi { font-size:15px;
          ...
}

du har nu defineret en style klasse der hedder poesi

<p> ... </p> kommandoer er ikke ændret, men du kan nu skrive
<p class=\'poesi\'> ... </p> og i den p kommando vil teksten være 15 px og hvad du ellers definerede for den klasse.

Du kan derudover definere en klass uden at for tælle hvilken html kommando den hører til. class=\'poesi\' kan kun bruges i p kommandoer, men hvis du siger:

.sange { background-color:red;
        ...
}

kan klassen bruges i enhver kommando

<td class=\'sange\'> teksten her er på rød baggrund</td>
<td>normalt tekst <p class=\'sange\'>noget på rød baggrund</p> normalt igen</td>

det er hovedlinierne.

mvh JakobA

når du redigerer styles.. på windows styles skal du for h1 velge type: redefine html tag
deretter velger du det du skal ha... farge osv..

så får du laget et stylesheet..
det velger du på attach style sheet...

Hej David

Jeg sidder i øjeblikket og leger med en masse CSS, på et rimeligt højt plan, og jeg fatter ikke en skid :)

Men jeg kan godt fortælle hvordan man laver en simpel CSS sammensætning...

Brug denne kode i dit <head>

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

Og i din fil, som her hedder global.css kan du så skrive...

h2 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  font-family: Verdana, Arial;
}

Og sådan kan du definere din <h2>, men du kan også lave classes....

.menu {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: Verdana, Arial;
    text-decoration: none;
}

Nå du så skal kalde den definision skriver du eks.

<td class=\"menu\">Hej her en menuen</td>

Håber at det lige forklarede det værste, eller er du velkommen til at stille nogle ????

Thomas

;) der fikk du da min for dreamweaver og jakoba sin for definering og \"manuell koding\"

nok den bedste css tutorial: http://www.w3schools.com/css/default.asp
leg med de 70 eksempler.

mvh JakobA

så må det sises at det er kanskje best å lage en \"link\" til en css fil.. da sparer du deg for mye arbeid hvis du bruker samme style på flere sider

<link rel=\"stylesheet\" href=\"stylen.css\" type=\"text/css\"> (dreamweaver lager dette automatisk.. ved attach style sheet)

Crist, det er langhåret det her.. Hvorfor er det ikke \"Bare lige\" for mig?

I er sgu flinke! :-) Æh, jeg vil gå i seng og imorgen får I en masse point allesammen, okay :-)

Venlige hilsner fra David

Ikke for at være uhøflig, men Bjarte er inde på noget af det rigtige ved at fortælle mig hvordan man gør i Dreamweaver.. Jeg har bare heller ikke forstået dét helt endnu.. *S*

Det kommer nok imorgen altsammen.

Godnat venner, sov sødt.

David

Det mærkelige er bare at jeg må markere teksten først, for at kunne ændre på den style i Dreamwaever.. Det kan jo komme til at betyde at der er meget tekst jeg skal markere i det hele taget..?

Du skriver at du gerne ville kunne sidde i HTML editor (dvs. noteblo, eller lign.) og definere dine styles... ikke noget op at det skulle være i dw... :)

Thomas

Ah, sorry.. Du har ret.. :-) Syntes bare Dreamwaever er det 8. ord jeg bruger.. ;-)

David
-

..Men nu kan jeg se hvad du mener.. :-)

er det ikke bjarke siger i første svar. At der er et menupunkt et sted med \"redefine html tag\" og så kan du skrive en style for den slags tags.

Glem alt det andet... CSS er faktisk simplet... Kig lidt på http://www.html.dk/tutorials/css/ der er CSS forklaret for alm. dødelige mennesker, og det er på dansk!
PS. CSS er meget lettere at skrive manuelt i notepad end Dreamweaver...

kælderdonkraft >> helt enig. Men dreamweaver har nu også sin berettigelse. når man sådan finder et menupunkt \"redefine html tag\" giver det en dejlig tryghedsfornemmelse og mod på at prøve videre. I notepad skal man lægge det hele på papir før man kan teste og det gør det nemt at blive usikker.

david78 >> Kik også på http://www.w3schools.com/css/default.asp
De der \'try it yourself\' eksempler gør det til en fornøjelse at lege og experimentere.

mvh JakobA

Jeg har lige siddet i dw og lavet et stylesheet det er faktisk ikke så svært.. :D

i menuen (øverst) tryk window >> CSS styles.

Der skulle nu gerne komme et vindue med fanblade der hedder:

\"HTML - CSS styles - Behaviors\"

Under CSS styles kan du nu lave et nyt stylesheet (i nederste højre hjørne).

Tryk på \"new style\" >> Ved \"tag\" kan du f.eks. vælge \"a\" (altså alle <a> tags) >> skift \"type\" til redefine HTML tag >> tryk ok og gem dit stylesheet.

Nu kommer der en box hvor du kan vælge hvad i dette tilfælde alle links skal være.. F.eks kan du vælge \"font: verdana - size 10 - color #666666\"
Tryk ok og save.
Det næste du skal gøre er som Bjarte sagde \"attach stylesheet\".

Og det burde faktisk virke.. Jeg ved ikke om jeg har forklaret det ordentligt men det virker for mig sådan her.. :)

//magnify

magnify >> Dw skriver CSS direkte ind i dokumentet, og så får du ikke den mulighed at kunne ændre alle dine dokumenter på engang ved at en style-fil istedet...

Øhhhhhhh ? Det fik jeg ikke helt..
Men hvis du har: <link rel=\"stylesheet\" href=\"stylen.css\" type=\"text/css\"> (ved at attache) i alle dine filer skal du kun rette i dit css for at lave ændringer i teksten..
Jeg ved ikke om det er det du mener.. :)

Jep, det var det jeg mente... Og det gør dw ik normalt, medmindre du opretter et eksternt CSS.

ahhhh ja.. men når jeg laver en side laver jeg gerne en skabelon hvor der bla. er det link til stylesheet i.. derefter bygger jeg de andre sider udfra det.. :)

Så, I må dele pointene.. 4 til hver.. :-)

David
-

:)