/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Inline CSS opstilling?
Fra : Koeffe


Dato : 13-03-05 21:55

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



 
 
Stefan Kristensen (13-03-2005)
Kommentar
Fra : Stefan Kristensen


Dato : 13-03-05 21:59

> 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



Jens Gyldenkærne Cla~ (13-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 13-03-05 22:04

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

Stefan Kristensen (13-03-2005)
Kommentar
Fra : Stefan Kristensen


Dato : 13-03-05 22:21

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



Stefan Kristensen (13-03-2005)
Kommentar
Fra : Stefan Kristensen


Dato : 13-03-05 22:24

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



Jens Gyldenkærne Cla~ (14-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 14-03-05 10:45

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 Cla~ (14-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 14-03-05 12:38

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

Koeffe (13-03-2005)
Kommentar
Fra : Koeffe


Dato : 13-03-05 22:46

"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



Just P (27-06-2006)
Kommentar
Fra : Just P


Dato : 27-06-06 09:22

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

Jørgen Farum Jensen (27-06-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 27-06-06 09:52

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

Jens Gyldenkærne Cla~ (27-06-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 27-06-06 13:40

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

Allan Vebel (14-03-2005)
Kommentar
Fra : Allan Vebel


Dato : 14-03-05 01:46

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



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste