CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

valsbol Seniormester

16. februar 2008 - 11:36 Der er 19 kommentarer og
3 løsninger

Hvordan bruges Class kommandoen

Jeg har i mange år brugt Dreamweaver 4.0 og lavet ret simple hjemmesider. Men når jeg kikker på andres forekommer flg kode med Class overalt. HVor kan jeg læse noget om brugen
<body class="main_header">

<div id="header">
<img id="header_left" src="./images/height_150/Logo_150.png"
alt="Den Slesvigske Kvindeforeningen">
<span id="header_center"></span>
<img id="header_right" alt="title image"
src="./images/height_150/Name_150.png">
</div>

<div id="leftframe">

<div id="news_frame"> <a href="general.html">
<div>
Generalforsamling 14.03.2008 Kl. 17:00</div>
</a>
</div>

<div id="sidebar">
<div class="button_item">
<img class="red_dot" src="./nav_icons/red_dot.png" alt=" -> ">
<a class="medium_button" href="index.html">Startsiden</a></div>
Dette er bare et lille udsnit af siden www.dskf.de som jeg har opdateret, men der er mange elementer, som jeg ikke forstår.

Synes godt om

w13 Novice

16. februar 2008 - 11:42 #1

Class er knyttet til CSS - kender du noget til det?

Hvis man f.eks. vil have en masse elementer med gul tekst i størrelse 10px, kan man gøre sådan her:

<p class="txt">1</p>

<div class="txt">2</div>

<span class="txt">3</span>

Og i CSS kan man så skrive:

.txt{
color:yellow;
font-size:10px;
}

Så får alle felterne med class="txt" gul tekst i størrelse 10px;

Synes godt om

w13 Novice

16. februar 2008 - 11:42 #2

http://www.google.com/search?q=css+tutorial =)

Synes godt om

valsbol Seniormester

16. februar 2008 - 12:13 #3

Ja jeg kender CSS Cascade Style Sheet fra Dreamweaver 4.0, men jeg vidste ikke at Class brugtes der. På den side, jeg henviser til er der en ramme med en dato for generalforsamlingen. JEg har skullet ændre rammeteksten på alle siderne, for jeg har ikke kunnet finde en template, Jeg har overtaget redaktionen fra en anden, som jeg ikke har kontakt til. Tak også til w13 jeg vil kikke på den tutorial, som du opgiver. JEg vender tilbage senere. Så nu har jeg set på den danske tutorial. Og jeg glæder mig til at læse den.Hvis der er noget, jeg ikke forstår, vender jeg tilbage. Foreløbig tak til jer begge.

Synes godt om

w13 Novice

16. februar 2008 - 13:10 #4

Vi er kun én, men det var så lidt. =) Du må endelig spørge her igen.

Synes godt om

valsbol Seniormester

16. februar 2008 - 13:22 #5

tak til den ene w13. JEg trode der var flere, når der stod 13 ?????.
Jeg er i fuld gang med at lave mit første stylesheet. Det er skægt

Synes godt om

valsbol Seniormester

16. februar 2008 - 13:27 #6

HVorfor skrives koden så komisk. noget på en linie og dernæst indrykket på næste. Kan man ligeså godt skrive det hele på en linie?

Synes godt om

w13 Novice

16. februar 2008 - 13:29 #7

"Komisk"? :P Det plejer at være lettere at overskue. Men du kan sagtens klappe den sammen:

.txt{color:yellow;font-size:10px}
.txt2{color:blue;font-size:12px}

Synes godt om

valsbol Seniormester

16. februar 2008 - 13:33 #8

Tak for svaret. Jeg arbejder videre med min tutorial.

Synes godt om

valsbol Seniormester

16. februar 2008 - 14:10 #9

body {
background-color:#ffcc66;
background-image: "../eigene Bilder/sommerfugl.gif";
}
h1 {
color:#990000;
background-color:#fc9804;
}

Nu arbejder jeg med dette stylesheet, men jeg kan ikke få det til at vise sommerfuglen som baggrund jeg har prøvet background-image: url ("sommerfugl.gif"); men det er jo forkert, når min gif ligger i eigene Bilder. JEg har også oprettet en mappe i mine egne dokumenter\html og lagt sommerfuglen deri, men ingen steder viser den sig i baggrunden. HM, hvad gør jeg mon forkert. jeg har også SKypenavn nehuus, hvis nogen gider kontakte mig.

Synes godt om

w13 Novice

16. februar 2008 - 15:08 #10

Du skriver bare:

body {
background-color:#ffcc66;
background-image: url("../eigene Bilder/sommerfugl.gif");
}
h1 {
color:#990000;
background-color:#fc9804;
}

Synes godt om

w13 Novice

16. februar 2008 - 15:15 #11

I øvrigt kan du altid tage udgangspunkt i roden, hvis du indleder stien med "/". Dvs.

background-image: url("/eigene Bilder/sommerfugl.gif");

Hvis eigene Bilder altså ligger i roden af sitet..

Synes godt om

valsbol Seniormester

16. februar 2008 - 15:18 #12

Det virker ikke.

body {
background-color:#ffcc66;
background-image: url("../eigene Bilder/sommerfugl.gif");
background-repeat: no-repeat;
background-attachement: fixed;
background-position: right bottom;
background: #ffcc66 url ("sommerfugl.gif") no-repeat fixed right bottom;
}
h1 {
color:#990000;
background-color:#fc9804;
font-family: arial, verdana, sans-serif;
font-size: 500%;
letter-spacing: 6px;
}
h2 {
font-family: "times New Roman", serif;
color: #cc0000;
font-style: italic;
font-weight: bold;
font-size: 120%;
text-decoration: underline;
}
p {
text-indent: 30 px;
text-align: right;
}
a-hover {
letter-spacing: 10px;
font-weight: bold;
color: red;
}

Synes godt om

valsbol Seniormester

16. februar 2008 - 15:24 #13

Jeg har billedet 2 steder. Både i den mappe, hvor jeg har mit style.css og min default.htm som sommerfugl.gif. Desudeni egne domumenter\eigene Bilder\sommerfugl.gif. Men den viser sig ikke i browseren, når jeg tester default.htm ? Meget mystisk!!

Synes godt om

w13 Novice

16. februar 2008 - 15:28 #14

Nej, ikke sådan som du gør det. :) Først sætter du stien til "../eigene Bilder/sommerfugl.gif", og så overskriver du den med "sommerfugl.gif".. Hvorfor?

Synes godt om

w13 Novice

16. februar 2008 - 15:31 #15

Stien skal ikke være ud fra stylesheetets placering, men ud fra den side, som inkluderer stylesheetet.

Synes godt om

valsbol Seniormester

16. februar 2008 - 15:46 #16

jeg prøver lige at fjerne den ene sti. Kan du ikke kontakte mig på skype nehuus er mit skype navn, eller må man ikke gøre det, når man bruger experten.dk

Synes godt om

valsbol Seniormester

16. februar 2008 - 15:49 #17

hallo. nu virker det. Så vil jeg prøve at bruge den gif fil, som jeg har i html folderen, det må da også virke. Skal det altid stå i parentes altså
background-image: url ("/sommerfugl.gif");
JEg glæder mig til jeg når noget om class i denne tutorial

Synes godt om

w13 Novice

16. februar 2008 - 15:55 #18

Jep :)

Synes godt om

w13 Novice

24. april 2008 - 11:58 #19

Lukketid?

Synes godt om

valsbol Seniormester

25. april 2008 - 00:06 #20

Tak for snakken.

Synes godt om

w13 Novice

25. april 2008 - 08:44 #21

Husk at acceptere mit svar her i bunden af siden så, så spørgsmålet lukkes. ;)

Synes godt om

w13 Novice

17. november 2010 - 14:43 #22

Tak for point! :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
senior Af Uroda i Programmeringsværktøjer	1	22/06/202418:29	23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer	5	25/02/202421:45	27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer	3	21/02/202415:03	22/02/202409:08
Power Automate, åben en fil der er delt med mig Af KATM i Programmeringsværktøjer	1	16/02/202409:07	19/02/202409:10
Prisberegner til hjemmeside Af Michael Vahl i Programmeringsværktøjer	4	14/01/202417:30	21/01/202409:21

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS