---

Ændre baggrunds farve mm på eksisterende htm dokument ?

jeg har nogen html dokumenter der er færdig men nu vil manden jeg laver det
for have en anden baggrunds farve slet og ravne sort - hvordan gør jeg det ?



jeg formoder det er noget man kan rette i koden men være lige lidt toldmidg
med mig da jeg aldrig har lavet kode men jeg ved da hvordan den ser ud :)



Mv.

Bo MM

---

"Bo M. Mogensen" <usnet1@gmail.com> skrev i en meddelelse
news:4627b518$0$21416$c3e8da3@news.astraweb.com...
> Ændre baggrunds farve mm på eksisterende htm dokument ?
>
> jeg har nogen html dokumenter der er færdig men nu vil manden jeg laver
> det for have en anden baggrunds farve slet og ravne sort - hvordan gør jeg
> det ?
>
>
>
> jeg formoder det er noget man kan rette i koden men være lige lidt
> toldmidg med mig da jeg aldrig har lavet kode men jeg ved da hvordan den
> ser ud :)
>
>
ps lige nu ser den sådan her ud
style="color: rgb(0, 0, 0); background-color: rgb(153, 153, 153);"

---

"Bo M. Mogensen" skrev i en meddelelse...
>
> "Bo M. Mogensen" skrev i en meddelelse ...
>> Ændre baggrunds farve mm på eksisterende htm dokument ?
>>
>> jeg har nogen html dokumenter der er færdig men nu vil manden jeg laver
>> det for have en anden baggrunds farve slet og ravne sort - hvordan gør
>> jeg det ?
>>
>>
>>
>> jeg formoder det er noget man kan rette i koden men være lige lidt
>> toldmidg med mig da jeg aldrig har lavet kode men jeg ved da hvordan den
>> ser ud :)
>>
>>
> ps lige nu ser den sådan her ud
> style="color: rgb(0, 0, 0); background-color: rgb(153, 153, 153);"

Kan angives på mange måder.

rgb angiver styrken af henholdsvis rød, grøn og blå - 0 styrke på nogle af
farverne giver sort. Fuld styrke på alle giver hvid.

sort: background-color: rgb(0,0,0)
hvid: background-color: rgb(255,255,255)

255 er det højeste tal man kan angive med én byte, og det samme som ff i
hex.

Du kan således følge ovenstående og udskifte rgb med:

sort: background-color: #000000
hvid: background-color: #ffffff

....hvis du vil angive farven i hex.

Color angiver så tekstfarven, mens background-color angiver baggrundsfarve.

Til sidst, så kan du simpelthen angive farve med tekst - men den er ikke
fuldt understøttet:

background-color: black;
background-color: white;

MVH
Rune Jensen

--
Grafiker/grafisk talent til web søges til samarbejde.
runeofdenmark snabela gmail punktum com

---

"Rune Jensen" skrev i en meddelelse...

> Kan angives på mange måder.

Og hvis du vil gøre forsøget med at finde ravnesort på en nem måde, så
findes der en Firefox udvidelse, som angiver både RGB-værdierne og
hex-værdierne for farven under curseren. Du kan således gå ind på Dansk
Ornitologisk Forenings hjemmeside, finde et billede af en ravn, og så hugge
farven derfra.

Det er så ikke kun til det, denne udvidelse er fantastisk til. Jeg bruger
den faktisk hele tiden, fordi jeg ikke gider sjusse mig frem til
farveværdier, jeg godt kan lide. Og for at tilpasse baggrundsfarver til
billeder, jeg arbejder med mm.


MVH
Rune Jensen

--
Grafiker/grafisk talent til web søges til samarbejde.
runeofdenmark snabela gmail punktum com

---

"Rune Jensen" <runeofdenmark@hotmail.com> skrev i en meddelelse
news:4627bf44$0$4165$456a7185@news.cirque.dk...
> "Rune Jensen" skrev i en meddelelse...
>
>> Kan angives på mange måder.
>
> Og hvis du vil gøre forsøget med at finde ravnesort på en nem måde, så
> findes der en Firefox udvidelse, som angiver både RGB-værdierne og
> hex-værdierne for farven under curseren. Du kan således gå ind på Dansk
> Ornitologisk Forenings hjemmeside, finde et billede af en ravn, og så
> hugge farven derfra.

Tak til dig Rune jeg tror faktisk jeg forstår det ...fik justeret det før
ved at copy paste farve koden fra hans oprindelige side
så nu har jeg bagrunden :) MEN ....det hele bliver sort lige pt ...inkl
tekst og link men med udgangs punkt i dit andet svar så tror jeg at
den er der ....

Mv.
Bo M Mogensen

---

"Rune Jensen" <runeofdenmark@hotmail.com> skrev i en meddelelse
news:4627bb00$0$4158$456a7185@news.cirque.dk...
> "Bo M. Mogensen" skrev i en meddelelse...
>>
>> "Bo M. Mogensen" skrev i en meddelelse ...

Hi Rune ( eller en anden ) gider du lige igen

> rgb angiver styrken af henholdsvis rød, grøn og blå - 0 styrke på nogle af
> farverne giver sort. Fuld styrke på alle giver hvid.
>
> sort: background-color: rgb(0,0,0)
> hvid: background-color: rgb(255,255,255)

bagrunden er på plads men link bogstaver osv bliver også helt sort nu ?
koden ser sådan her ud :

<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);"
alink="#cc0000" link="#ffff00" vlink="#de8eff">
<img style="width: 32px; height: 32px;" alt="Toke Jensen"
src="tjsmiley2.gif"><bodyalink ="#ffff00"
bgcolor="#000000"
style="color: rgb(0, 0, 0); background-color: rgb(153, 153, 153);"
alink="#cc0000" link="#ffff00" vlink="#de8eff"><span
style="text-decoration: underline;"><br>


hvordan for jeg normal teks osv rettet til med nogen andre farver ?
jeg begriber ikke lige hvad det er der går galt fordi jeg har angivet
farverne i Nvu
men på den anden side det hjælper jo stort når jeg har angivet koden fra den
oprindelige side ?!
Hmm tænke tænke ...hvad er det der går galt ?

se http://www.hollymariecombs.dk/index.htm ( menuen til venstre )

Mv.
BMM

---

Bo M. Mogensen wrote in dk.edb.internet.webdesign.html:
> "Rune Jensen" <runeofdenmark@hotmail.com> skrev i en meddelelse
> news:4627bb00$0$4158$456a7185@news.cirque.dk...
> > "Bo M. Mogensen" skrev i en meddelelse...
> >>
> >> "Bo M. Mogensen" skrev i en meddelelse ...
>
> Hi Rune ( eller en anden ) gider du lige igen
>

>
> hvordan for jeg normal teks osv rettet til med nogen andre farver ?

Hej Bo

Du kunne prøve noget i denne retning

body {font-family: verdana; font-size: 12px; font-style: normal; font-weight:
bold; color: #000000;}

M.v.h.
Peter
>
>


--
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

---

Peter Vesth wrote:

> Du kunne prøve noget i denne retning
>
> body {font-family: verdana; font-size: 12px; font-style: normal;
> font-weight: bold; color: #000000;}

Det skal da gå galt, når han lige har fået lavet sort baggrund. Mon ikke
dette ville være smartere:

body {
font-family: verdana, sans-serif; /* husk generic font */
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #fff; /* tekst sat til hvid */
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk

---

On Thu, 19 Apr 2007 23:16:33 +0200, "Erik Ginnerskov"
<erik@donotspammeplease.invalid> wrote:

>Peter Vesth wrote:
>
>> Du kunne prøve noget i denne retning
>>
>> body {font-family: verdana; font-size: 12px; font-style: normal;
>> font-weight: bold; color: #000000;}
>
>Det skal da gå galt, når han lige har fået lavet sort baggrund. Mon ikke
>dette ville være smartere:
>
>body {
> font-family: verdana, sans-serif; /* husk generic font */
> font-size: 12px;
> font-style: normal;
> font-weight: bold;
> color: #fff; /* tekst sat til hvid */
> }

Man skal så lige huske også at fjerne alle inline-styles, da de vil
overskrive angivelser i eksternt stylesheet og embeddede angivelser i
HEAD.



Mvh. Jørn

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

---

"Jørn Andersen" <jorn@jorna.dk> skrev i en meddelelse
news:u6rf23pf104lnvhkgbvvfcbqi09vgb7tbf@4ax.com...
> On Thu, 19 Apr 2007 23:16:33 +0200, "Erik Ginnerskov"
> <erik@donotspammeplease.invalid> wrote:
>
>>Peter Vesth wrote:
>>
>>> Du kunne prøve noget i denne retning
>>>
>>> body {font-family: verdana; font-size: 12px; font-style: normal;
>>> font-weight: bold; color: #000000;}
>>
>>Det skal da gå galt, når han lige har fået lavet sort baggrund. Mon ikke
>>dette ville være smartere:
>>
>>body {
>> font-family: verdana, sans-serif; /* husk generic font */
>> font-size: 12px;
>> font-style: normal;
>> font-weight: bold;
>> color: #fff; /* tekst sat til hvid */
>> }
>
> Man skal så lige huske også at fjerne alle inline-styles, da de vil
> overskrive angivelser i eksternt stylesheet og embeddede angivelser i
> HEAD.

Øhh ok :) ?
og tak
Mv.
Bo MM

---

"Bo M. Mogensen" skrev i en meddelelse...
>
> "Jørn Andersen" skrev i en meddelelse

>> Man skal så lige huske også at fjerne alle inline-styles, da de vil
>> overskrive angivelser i eksternt stylesheet og embeddede angivelser i
>> HEAD.
>
> Øhh ok :) ?
> og tak

Det, som Jørn mener er, at du kan angive styling på 3 måder, nemlig
eksternt: i et stylesheet, i headeren i en style, og inline i selve html-en.

1. Eksternt stylesheet, som skal kaldes fra dit HTML-dokument:

p{
color: red;
}


2. Stylesheet I headeren:

<head>
....
<style type="tekst/css">
p{
color: red;
}
</style>
</head>

<body>
<p>tekst</p>
....


3. Styling inline i html-koden:
....
<body>
<p style="color: red">tekst</p>
....


Da inline styles er det, som browseren møder sidst, så er det også det, som
tager præsedens over de andre former. Jeg gør gerne det, når jeg påbegynder
et nyt design, at jeg starter med inline styles, og flytter dem op i et CSS
i headeren, efterhånden som jeg er tilfreds med dem (og sletter inline
stylesne). Til sidst har jeg et færdigt CSS i headeren, som jeg flytter ud i
eksternt stylesheet, og det gælder så for alle siderne på webstedet. Det
eksterne stylesheet skal kaldes fra hvert HTML-dokument. Jeg bruger:
<link href="/css/main.css" rel="stylesheet" type="text/css" />

href er din sti til dit stylesheet.

Fordelen ved at bruge eksternt stylesheet, altså det at lægge stylingen i en
fil for sig, ligger i, at man kan bruge en enkelt fil til at sætte udseenet
på alle sider på hele webstedet. Og din HTML bliver dejlig nem at rette i,
for der er så kun selve indholdet (i princippet)

MVH
Rune Jensen

--
WinAMP:
basp - boom boom my heart [extended radio version]
intermission - piece of my heart

---

"Erik Ginnerskov" <erik@donotspammeplease.invalid> skrev i en meddelelse
news:4627dbe9$0$90271$14726298@news.sunsite.dk...
> Peter Vesth wrote:
>
>> Du kunne prøve noget i denne retning
>>
>> body {font-family: verdana; font-size: 12px; font-style: normal;
>> font-weight: bold; color: #000000;}
>
> Det skal da gå galt, når han lige har fået lavet sort baggrund. Mon ikke
> dette ville være smartere:
>
> body {
> font-family: verdana, sans-serif; /* husk generic font */
> font-size: 12px;
> font-style: normal;
> font-weight: bold;
> color: #fff; /* tekst sat til hvid */
> }
>
og det simpelthend koden på farver på teksten !
problemet er at jeg kan ikke skælen hvad for en kode der høre til de
forskelige farver ... jeg kan nok finde noget farve kode
men hvad der er hvad kan jeg ikke hitte ud af ... måske du kunne komme med
et eksempel


se en gang her det er koden på en af min vens html sider
content="copy-of-highway 100, default">
<meta name="Microsoft Border" content="none, default">
</head>
<body alink="#ffff00" bgcolor="#000000" link="#ffff00"
text="#000000" vlink="#ffff00">
<!--mstheme--><font face="Verdana, Arial, Helvetica"></font>
<p align="center"><font face="Verdana, Arial, Helvetica"><font
color="#00cc00" face="Niagara Engraved" size="7"><i><u><span
style="letter-spacing: 1pt;">Tj
catering</span></u></i></font></font></p>
<p align="center"><font face="Verdana, Arial, Helvetica"><font

men hvad er hvad ?

Mv.
Bo M Mogensen

---

"Bo M. Mogensen" skrev i en meddelelse...

> se en gang her det er koden på en af min vens html sider
> content="copy-of-highway 100, default">

Lyder som metadata

> <meta name="Microsoft Border" content="none, default">

Stadig metadata. Det er data om selve hjemmesiden, nogle metadata bruges af
f.eks. søgemaskiner.

> </head>

Header afsluttes.

> <body alink="#ffff00" bgcolor="#000000" link="#ffff00"
> text="#000000" vlink="#ffff00">

Dette er rigtig gammel kode, men lad os tage det i rækkefølge:

Body: Du sætter de følgende egenskaber for alt, som ligger mellem <body> og
</body>
alink: farven på link
bgcolor: farven på baggrunden af selve siden (uddateret)
link: hmmm.. mon ikke det er det samme som alink (uddateret)
vlink: farven på visited links (uddateret)

ovenstående kan laves i CSS med

body{
background-color: #ffff00; /* baggrundsfarve: gul*/
color: #000; /* tekstfarve: sort */
}

a:link{
color: #ffff00; /* default farve på link: gul */
}

a::visited{
color: ffff00; /* farve på besøgt link: gul */
}


> <p align="center"><font face="Verdana, Arial, Helvetica"><font
> color="#00cc00" face="Niagara Engraved" size="7">

Font er uddateret, og bør ikke bruges mere. face er en attribut til font,
som sætter fonten, og er ligeledes meget gammel kode. Color er også attribut
og angiver farven på teksten i p. Font size er tekststørrelsen i samme p,
hvor man i stedet bør bruge %. Med CSS:

/* Det følgende gælder for alle p */

p{
text-align: center; /* centrer tekst */
font-family: verdana, arial, helvetica; /* De fonte, som
browseren har at vælge imellem, den første er udgangspunktet */
color: #00cc00; /* tekstfarve: grøn */
font-size: 110%; /* størrelsen på fonten */
}



<i><u>

i: italic skrift
u: underline

<span style="letter-spacing: 1pt;">Tj catering</span></u></i>

span (som bruges i dag) er som udgangspunkt inline-element, hvilket vil
sige, du med span kan tage en del af for eksempel en sætning og give denne
nogle egenskaber (f.eks. italic skrift eller en anden farve). Men span har
ikke nogen egenskaber, før du tildeler det nogen, og det kan gøres som
ovenfor med style. I dette tilfælde vil letter-spacing give 1pt mellem hvert
bogstav i en given tekst indenfor <span> og </span>


</font></font></p>
> <p align="center"><font face="Verdana, Arial, Helvetica"><font
>
> men hvad er hvad ?


Vil du have uddybning af noget specifik kode, eller en anden måde at gøre
noget bestemt på, så skriv bare igen. Det er ret meget kode at kommentere
det hele, fordi der ligger en masse bag, som også er vigtigt at vide, og
fordi der er blandet gammel og ny kode/kodestil sammen i din kode. Så bedre
at dele det op i små bidder, og så forstå lidt ad gangen.

MVH
Rune Jensen


--
WinAMP: Kate Ryan - UR my Love
Banassi - Every single day
Adrima - I can´t stand it (Club Mix)
http://www.savenetradio.org/index.html

---

"Rune Jensen" <runeofdenmark@hotmail.com> skrev i en meddelelse
news:4628db9d$0$4169$456a7185@news.cirque.dk...
HI Rune
først og fremmest tak for dit svar jeg har lagt det som et txt dokument
til at øve med ...

> Vil du have uddybning af noget specifik kode, eller en anden måde at gøre
> noget bestemt på, så skriv bare igen. Det er ret meget kode at kommentere
> det hele, fordi der ligger en masse bag, som også er vigtigt at vide, og
> fordi der er blandet gammel og ny kode/kodestil sammen i din kode. Så
> bedre at dele det op i små bidder, og så forstå lidt ad gangen.

det vil jeg gøre ... jeg har ikke lavet siden det er noget en gammel ven har
siddet og lavet
det i frontpage tror jeg ... så i stedet for at lave alle siderne om ( der
er som han vil ha dem - uagtet grønne og gule farver skriger en i øjnene
men sådan vil han ha det også fan stå i om jeg gider og side og lave det om
hvis bare han er glad :)

men jeg har gemt det du skrev om farve koderne og vil prøve at
eksperimentere mig frem
men jeg tror jeg vil prøve at html.dk fra starten af det virker til at være
en rigtig god side - men jeg sider i 45 graders varme
og det slår ned på koncentrations evnen.

men jeg tror nu jeg vil spørge Kim L om han ikke kunne tænke sig at lave
lidt om kode på sin side.

bedste hilsner
Bo

---

Den 20-04-07 17.55 skrev Bo M. Mogensen følgende:

> men jeg tror jeg vil prøve at html.dk fra starten af det virker til at være
> en rigtig god side - men jeg sider i 45 graders varme
> og det slår ned på koncentrations evnen.

Det er et meget fint sted at starte, også selvom du sidder og sveder. Du
lærer hurtigt de mest almindelige koder, hvordan sider opbygges, og
hvordan du bruger koderne. Start med at gennemgå tutorialen for html og
når du har tjek på den del, så fortsæt med tutorialen for css.

Du skal dog ikke kun læse siderne. Prøv at lave nogle testsider, hvor du
selv bruger koderne. Og når du skal lære css så prøv at lege med at
ændre værdierne i de forskellige tags, så får du et bedre begreb om
virkningen.

> men jeg tror nu jeg vil spørge Kim L om han ikke kunne tænke sig at lave
> lidt om kode på sin side.

Som nybegynder finder du ikke et bedre sted at lære om koderne end
html.dk. Når du har lært det grundlæggende, er der flere andre mægtig
gode sider, som der også ofte henvises til herinde.

--
Mvh. Kim Ludvigsen
Få hjælp til at fjerne spyware og undgå at få mere af skidtet ind på
computeren.
http://kimludvigsen.dk

---

Bo M. Mogensen wrote:

> og det simpelthend koden på farver på teksten !
> problemet er at jeg kan ikke skælen hvad for en kode der høre til de
> forskelige farver ... jeg kan nok finde noget farve kode
> men hvad der er hvad kan jeg ikke hitte ud af

Hvis du henter dette lille freeware-værktøj (lavet af en norsk nordmand i
Norge), kan du ved hjælp af 3 skydeknapper finde frem til præcis den farve,
du vil have - og straks aflæse farvekoden til brug i css:

http://hjemmesideskolen.dk/files/colors.zip

> se en gang her det er koden på en af min vens html sider

> men hvad er hvad ?

> <body alink="#ffff00" bgcolor="#000000" link="#ffff00"
> text="#000000" vlink="#ffff00">

bgcolor er en gammeldags html-måde at sætte sidens baggrundsfarve; text er
tilsvarende for tekstfarve (der er i øvrigt defineret sort baggrund og
tekst, så teksten kan ikke ses). Bør i stedet defineres i css:

body {
background-color: #000;
color: #fff;
}

Bemærk, at når de tre farver alle består af 2 ens hex-tal, kan man nøjes med
at skrive det ene:

#336699 = #369

Man bør også altid definere tekstfarve (color) og baggrund parvis - ikke kun
den ene. Ellers får man en warning (advarsel om risiko for ulæselig tekst)
ved validering af siden.

> <p align="center"><font face="Verdana, Arial, Helvetica"><font
> color="#00cc00" face="Niagara Engraved" size="7"><i><u>

En gammeldags html-måde at definere tekst på. Lav det sådan i css:

p {
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
color: #0c0;
background: inherit; /* arvet fra body */
font-style: italic;
text-decoration: underline;
}

Man bør afholde sig fra at definere en font som "Niagara Engraved", da
brugerne efter al sandsynlighed ikke har den installeret.

> <span style="letter-spacing: 1pt;">

Inline css-styling. Behold den, hvis den kun bruges der. Ellers kan den
sættes på en class i css og class'en så sættes på, hvor definerede
letter-spacing ønskes:

css
.letspac {
letter-spacing: 1pt;
}

html
<span class="letspac">

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk

---

On Sat, 21 Apr 2007 15:50:49 +0200, "Erik Ginnerskov"
<erik@donotspammeplease.invalid> wrote:

<snip>
> font-family: verdana, arial, helvetica, sans-serif;
<snip>

>Man bør afholde sig fra at definere en font som "Niagara Engraved", da
>brugerne efter al sandsynlighed ikke har den installeret.

Det er der vel ikke noget problem i, hvis man bare er klar over det, og
har passende alternativer, fx:
font-family: 'Niagara Engraved', verdana, arial, helvetica, sans-serif;



Mvh. Jørn

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

---

Jørn Andersen wrote:

<indsat>
>>> <font
>>> color="#00cc00" face="Niagara Engraved" size="7">
</indsat>

>> Man bør afholde sig fra at definere en font som "Niagara Engraved",
>> da brugerne efter al sandsynlighed ikke har den installeret.
>
> Det er der vel ikke noget problem i, hvis man bare er klar over det,
> og har passende alternativer, fx:
> font-family: 'Niagara Engraved', verdana, arial, helvetica,
> sans-serif;

Og det var netop den forsyndelse Bo begik, hvilken et fyldestgørende citat
af mit indlæg også ville vise.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk