---

et ex. fra et stylesheet:
----------------------
a:link {
color:green;
}
----------------------

Hvordan sætter man det ind som inline CSS?

-----------------------
style="a.link:(color:green);" ???
-----------------------

Det virker ikke, men hvordan er det så?

Jeg ved godt det skal i et selvstændigt stylesheet, men jeg har nogen gange
brug for det når jeg lige hurtigt skal teste noget af.


--
Koeffe

---

> a:link {
> color:green;
> }
> Hvordan sætter man det ind som inline CSS?

Ta' en Duborg:
<a style="{color:green;}" >Grønt link</a>

Mvh
Stefan

---

Stefan Kristensen skrev:

>> a:link {
>> color:green;
>> }
>> Hvordan sætter man det ind som inline CSS?

Det kan du ikke - pseudoklasser som :link kan ikke angives inline.
Men du kan angive css-reglen a{ color: green; } inline - det er
næsten det samme i dette tilfælde (:link-klassen betyder bare de a-
elementer der er links - det er normalt dem alle). Se syntaksen
nedenfor.

> Ta' en Duborg:
> <a style="{color:green;}" >Grønt link</a>

Hvor har du fundet den syntaks henne? Denne er ikke gyldig, og det
ville undre mig om den virker. Uden parenteser er den dog god nok:

<a href="foo.html" style="color:green;">Grønt link</a>
--
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

---

> >> a:link {
> >> color:green;
> >> }
> >> Hvordan sætter man det ind som inline CSS?
<snip>
> > Ta' en Duborg:
> > <a style="{color:green;}" >Grønt link</a>
>
> Hvor har du fundet den syntaks henne? Denne er ikke gyldig, og det
> ville undre mig om den virker. Uden parenteser er den dog god nok:
>
> <a href="foo.html" style="color:green;">Grønt link</a>

Godt ord igen. Det virker fint i IE. Og det validerer også fint nok:
http://jems.dk/test/link.html.
Det virker bare ikke i FF og Opera (med paranteserne, forståes).

God nat og sov godt

Stefan

---

> Det virker bare ikke i FF og Opera (med paranteserne, forståes).
Faktisk virker det også i Opera med parenteserne.

---

Stefan Kristensen skrev:

> Godt ord igen. Det virker fint i IE.

Det overrasker mig ikke synderligt - IE er særdeles fejltolerant.

> Og det validerer også fint nok:
> http://jems.dk/test/link.html.

Niks. Det er en kombination af to fejl i validatoren der gør at
ovenstående side ikke genererer fejl ved en validering. For det første
tjekkes inline-style slet ikke hvis css-validatoren ikke kan få oplyst
hvilken type style der anvendes. Det sker hvis man inkluderer et
eksternt css-ark, men det kan også sættes med en meta-linje:

<meta http-equiv="Content-Style-Type" content="text/css" />

Den fejl er beskrevet her:
<http://www.w3.org/Bugs/Public/show_bug.cgi?id=762>

Dernæst er der tilsyneladende en fejl i validatoren der får den til at
ignorere tuborg-klammerne.

Men læser man definitionen af html, står det ret klart:
***
The syntax of the value of the style attribute is determined by the
default style sheet language. For example, for [[CSS2]] inline style,
use the declaration block syntax described in section 4.1.8 (without
curly brace delimiters).
***
<http://www.w3.org/TR/html401/present/styles.html#h-14.2.1>

> Det virker bare ikke i FF og Opera (med paranteserne, forståes).

- det skulle vel også være rigelig grund til ikke at anvende den
syntaks.

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

---

Jens Gyldenkærne Clausen skrev:

> Dernæst er der tilsyneladende en fejl i validatoren der får den til at
> ignorere tuborg-klammerne.

Hm - muligvis tager jeg fejl her. I hvert fald kan man i følgende WD
(Working Draft) fra W3 se eksempler på brug af css-blokke og
pseudoklasser i style-attributten:

<http://www.w3.org/TR/2002/WD-css-style-attr-20020515>

Men eksemplerne på siden virker kun i begrænset omfang - IE vil godt
læse den direkte blok, men pseudoklasserne bliver ikke læst. Opera og
Firefox ignorerer eksemplerne helt.

Hvis der er nogen der har tænkt sig at give mulighed for at bruge
style-attributten på den viste måde, er det åbenbart ikke noget de har
fået nogen browserproducenter med på endnu.

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

---

"Jens Gyldenkærne Clausen" skrev i en meddelelse
news:Xns9618E0871654jcdmfdk@gyrosmod.cybercity.dk...


> > Ta' en Duborg:
> > <a style="{color:green;}" >Grønt link</a>
>
> Hvor har du fundet den syntaks henne? Denne er ikke gyldig, og det
> ville undre mig om den virker. Uden parenteser er den dog god nok:
>
> <a href="foo.html" style="color:green;">Grønt link</a>


Goddaw då! ... d'oh. Det er fordi jeg har prøvet at definere farven for mine
links inline i body tagget, men det kan man vel ikke. Laver man inline CSS
skal det stå hvor det hører til, ellers skal man lave CSS'en inlejret. Jeg
tager lige mit hovede på igen, for det har jeg vist tabt.


--
Koeffe

---

Hey folks

Jeg har defineret nogle bokse med <DIV> og har i et eksternt
style-sheet defineret farver for a.hover. Nu vil jeg gerne kunne
ændre hover-farven for enkelte links i et af <DIV> boksene og en ven
mente at stylen måtte se nogenlunde sådan ud:

style="a:hover='color:#000000'"

Jeg kan se at det herunder er nogenlunde det samme,

> <a href="foo.html" style="color:green;">Grønt link</a>
> Jens Gyldenkærne Clausen

men hvad skal jeg gøre? Er ingen haj, så venligst ikke for avanceret


Hilsen Just


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

---

Just P wrote:
> Hey folks
>
> Jeg har defineret nogle bokse med <DIV> og har i et eksternt
> style-sheet defineret farver for a.hover. Nu vil jeg gerne kunne
> ændre hover-farven for enkelte links i et af <DIV> boksene og en ven
> mente at stylen måtte se nogenlunde sådan ud:
>
> style="a:hover='color:#000000'"
>
> Jeg kan se at det herunder er nogenlunde det samme,

a.hover og a:hover er to højest forskellige selektorer.
Den først vælger links, der har klassenavnet hover,
den anden vælger links der er i hover-tilstand (musen
over linket).

Svaret på dit spørgsmål er, at
du skal give dine links et klassenavn,
for eksempel
<a class="greenhover">Link der bliver grønt
ved mouseover</a>
og i dit stylesheet sætte egenskaberne
for links med denne klasse, herunder
a.greenhover:hover {color:green;}

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

Just P skrev:

> ...en ven mente at stylen måtte se nogenlunde sådan ud:

> style="a:hover='color:#000000'"

Din ven skal læse lidt op på css

Man kan ikke benytte selektorer - herunder pseudoklasser med
inline-css. Og da :hover kun kan angives med en pseudoklasse, er
det ikke muligt at definere hover-kode inline.

Du er nødt til at anvende et eksternt css-ark eller en style-blok i
head, hvor du kan benytte selektorer.

Jørgen har vist hvordan det kan laves i praksis.
--
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

---

Koeffe <graphic.muse@gmail.com> skrev:

> a:link {
> color:green;
> }

> Jeg ved godt det skal i et selvstændigt stylesheet, men jeg har
> nogen gange brug for det når jeg lige hurtigt skal teste noget af.

Du kan også sagtens have dit selvstændige stylesheed med
en linie i <head>, og så umiddelbart efter have en ekstra
mulighed til test:

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

<style type="text/css">
a:link{
color:green;
background:transparent; /* det anbefales af definere begge */
}
/* og så videre */
</style>

--
Allan Vebel
http://html-faq.dk