Kandu.dk - hjælp med css


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

hjælp med css
Fra : morten

Dato : 18-09-05 11:34

Hej.

Det er første gang at jeg skal arbejde med css har aldig arbejdet
med det før. jeg er noget til lektion 3 om css, på html.dk,
men når jeg indsætter koden på min hjemmeside så virker den ikke.

Er der nogle som vil hjælpe mig med hvor at jeg skal indsætte
denne kode:

body {
   background-color: #FFCC66;
   background-image: url("sommerfugl.gif");
   background-repeat: no-repeat;
}
h1 {
   color: #990000;
   background-color: #FC9804;
}
og om jeg kan sætte den sammen med html koder, og hvad jeg skal
gemme det i fx. .html eller .css.
osv.......

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

John P [jopa] (18-09-2005)

Kommentar
Fra : John P [jopa]

Dato : 18-09-05 12:01

morten skriblede bla:
>
> Er der nogle som vil hjælpe mig med hvor at jeg skal indsætte
> denne kode:
>
I din header som nedenstående
-----------------------------------------
<HEAD>
<STYLE TYPE="text/css">
body {
background-color: #FFCC66;
background-image: url("sommerfugl.gif");
background-repeat: no-repeat;
}
h1 {
color: #990000;
background-color: #FC9804;
}
</STYLE>
</HEAD>
-----------------------------------------
Eller du smider det i en ekstern CSS fil og linker til det:
husk at gem som css

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

ovenstående skal også stå i din header

Find et godt program til CSS evt Topstyle
http://www.bradsoft.com/download/index.asp
--

Mvh.John
www.john.jp-web.dk
Udskift invalid i adressen med dk

morten (18-09-2005)

Kommentar
Fra : morten

Dato : 18-09-05 19:38

>ind sæt den I din header som nedenstående
> -----------------------------------------
> <HEAD>
> <STYLE TYPE="text/css">
> body {
> background-color: #FFCC66;
> background-image: url("sommerfugl.gif");
> background-repeat: no-repeat;
> }
> h1 {
> color: #990000;
> background-color: #FC9804;
> }
> </STYLE>
> </HEAD>
> Eller du smider det i en ekstern CSS fil og linker til det:
> husk at gem som css
>
> <link rel="stylesheet" type="text/css" href="ditcss.css" />
>
> ovenstående skal også stå i din header
>
jeg kan ikke få det til at virke kan du ikke skive en tekst som
jeg kan kopirer og så sætte ind, og så sigge hvad den skal gemmes
i.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Christoffer (18-09-2005)

Kommentar
Fra : Christoffer

Dato : 18-09-05 19:45

"morten" <eddy@sol.dk> skrev i en meddelelse
news:432db3ed$0$249$14726298@news.sunsite.dk...
> >ind sæt den I din header som nedenstående
>> -----------------------------------------
>> <HEAD>
>> <STYLE TYPE="text/css">
> > body {
> > background-color: #FFCC66;
> > background-image: url("sommerfugl.gif");
> > background-repeat: no-repeat;
> > }
> > h1 {
> > color: #990000;
> > background-color: #FC9804;
> > }
> > </STYLE>
>> </HEAD>
>> Eller du smider det i en ekstern CSS fil og linker til det:
>> husk at gem som css
>>
>> <link rel="stylesheet" type="text/css" href="ditcss.css" />
>>
>> ovenstående skal også stå i din header
>>
> jeg kan ikke få det til at virke kan du ikke skive en tekst som
> jeg kan kopirer og så sætte ind, og så sigge hvad den skal gemmes
> i.
Er sådan set gjort, hvis du mener som css ark så kopier følgende
body {
background-color: #FFCC66;
background-image: url("sommerfugl.gif");
background-repeat: no-repeat;
}
h1 {
color: #990000;
background-color: #FC9804;
}
over i et dokument og kald et stylesheet.css

i dit head linker du så til stylesheetet:
<head>
<title......>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
--
Christoffer

John P [jopa] (18-09-2005)

Kommentar
Fra : John P [jopa]

Dato : 18-09-05 19:47

morten skriblede bla:
>>
> jeg kan ikke få det til at virke kan du ikke skive en tekst som
> jeg kan kopirer og så sætte ind, og så sigge hvad den skal gemmes
> i.

Mente ellers jeg havde forklaret det på en pædagogisk måde Blink

Det var jo faktisk lavet så det kunne kopieres

--

Mvh.John
www.jp-web.dk
www.john.jp-web.dk
Udskift invalid i adressen med dk

Mads Christensen (16-11-2005)

Kommentar
Fra : Mads Christensen

Dato : 16-11-05 19:08

Hey alle, og på forhånd tak...

Jeg har samme problem som Morten.. Tror aldrig at Morten fik det til
at virke...

Jeg har i min html fil skrevet:
<html>
<head>
<title>TestSide</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
</head>
<body>
<h1>Velkommet til min side</h1>
</body>

og i min css fil skrevet:
body {
background-color: #FFCC66;
background-image: url("sommerfugl.gif");
background-repeat: no-repeat;
}
h1 {
color: #990000;
background-color: #FC9804;
}

når jeg åbner html filen kan den fint læse css filen, da den ikke
har noget problem med at finde background-color for body og h1...
Det eneste den ikke kan læse er background-image... Håber at der er
en der kan hjælpe...

MHV
Mads

</html>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørn Andersen (17-11-2005)

Kommentar
Fra : Jørn Andersen

Dato : 17-11-05 00:45

On 16 Nov 2005 18:08:17 GMT, Mads Christensen <mads.hviid@gmail.com>
wrote:

>Jeg har i min html fil skrevet:
><html>
><head>
> <title>TestSide</title>
> <link rel="stylesheet" type="text/css" href="style/style.css" />
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
></head>
<snip>

>og i min css fil skrevet:
>body {
>background-color: #FFCC66;
>background-image: url("sommerfugl.gif");
>background-repeat: no-repeat;
>}
<snip>

>når jeg åbner html filen kan den fint læse css filen, da den ikke
>har noget problem med at finde background-color for body og h1...
>Det eneste den ikke kan læse er background-image... Håber at der er
>en der kan hjælpe...

Nu tror jeg aldrig jeg har brugt css-baggrunds-billeder, men:
Mon ikke problemet er at sommerfugl.gif ligger i samme mappe som din
html-fil, mens css-filen ligger i en undermappe (style/).

Svjh skal stien i css-filen være relativ i forhold til css-filen.
Så enten kan du flytte billedet over i samme mappe som css-filen.
Eller du kan rette url'en til:

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

Jeg har udeladt anførselstegn - se tråden "Visning af
baggrundsbillede"

NB: DOCTYPE skal være den første linie i html-filen - altså:
<!DOCTYPE ...
<html>
<head>
....

Good luck,
Jørn

--
Jørn Andersen,
Brønshøj

Jens Gyldenkærne Cla~ (16-11-2005)

Kommentar
Fra : Jens Gyldenkærne Cla~

Dato : 16-11-05 23:39

Mads Christensen skrev:

> når jeg åbner html filen kan den fint læse css filen, da den
> ikke har noget problem med at finde background-color for body
> og h1... Det eneste den ikke kan læse er background-image...

Det kunne tyde på at dit billede ikke er uploadet - eller at det er
uploadet med et forkert navn eller på en forkert placering. Husk at
der er forskel på store og små bogstaver på mange webservere.

Hvis du giver et link til din side, er det meget lettere at hjælpe
dig videre.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg

Reklame

Statistik

Spørgsmål :	177501
Tips :	31968
Nyheder :	719565
Indlæg :	6408527
Brugere :	218887

Månedens bedste

Årets bedste

Sidste års bedste