/ 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
Stylesheets - flere elementer
Fra : Thomas P


Dato : 11-06-01 13:31

Hvordan kan jeg samle en egenskab i flere elementer ? Hvis jeg nu fx ville
lave et menulink, skrive
jeg jo -

..menulink:link { ... }
..menulink:hover { ... }
..menulink:visited { ... }
..menulink:active { ... }

Men er det ikke muligt at forkorte denne lange sætning til noget i retning
af

..menulink:link,hover,visited,active { ... }

?


--
- Thomas
~~~~~~~~
.... http://www.FlowCode.f2s.com - where code flows
.... mailto:blomme@post.com - where email goes



 
 
SirWheels© (11-06-2001)
Kommentar
Fra : SirWheels©


Dato : 11-06-01 21:51

On Mon, 11 Jun 2001 14:31:20 +0200, "Thomas P" <blomme@post.com> wrote:

>Hvordan kan jeg samle en egenskab i flere elementer ? Hvis jeg nu fx ville
>lave et menulink, skrive
>jeg jo -
>
>.menulink:link { ... }
>.menulink:hover { ... }
>.menulink:visited { ... }
>.menulink:active { ... }
>
>Men er det ikke muligt at forkorte denne lange sætning til noget i retning
>af
>
>.menulink:link,hover,visited,active { ... }
Du kan få dine stylesheets over i en seperat fil og så kalde på dem via en
<link rel="StyleSheet" href="test.css" type="text/css">
i alle dine websider..


eks.
<html>
<head>
<title>SirWheels' Movielist</title>
<link rel="StyleSheet" href="test.css" type="text/css">
</head>
<body>

Din fil skal så fx hedde test.css eller noget andet. Stylesheeted skal bare
være ren tekst og ikke noget med html-koder.

Eller var det ikke noget du ku bruge??
--
Regards/Hilsen
SirWheels© - http://fly.to/SirWheels

Knud Gert Ellentoft (11-06-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 11-06-01 23:39

Mon, 11 Jun 2001 14:31:20 +0200, skrev "Thomas P"
<blomme@post.com>:

>Men er det ikke muligt at forkorte denne lange sætning til noget i retning
>af
>
>.menulink:link,hover,visited,active { ... }

Øhh -, hvis det skal være samme egenskaber for linket, så er det
da bare at bruge .menulink og så undlade link osv.

menulink:link,hover,visited,active { ... } vil jo alligevel give
samme egenskaber på alle links, for du kan jo så ikke definere
f.eks. en anden farve ved hover.

med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://home.chello.no/bmork/oefix.exe

Thomas P (12-06-2001)
Kommentar
Fra : Thomas P


Dato : 12-06-01 13:52

> menulink:link,hover,visited,active { ... } vil jo alligevel give
> samme egenskaber på alle links, for du kan jo så ikke definere
> f.eks. en anden farve ved hover.

Det er rent faktisk det jeg vil gøre. Min hoved-A-element's hover er sat til
underline, men nu har jeg en anden baggrundsfarve i menuen - derfor skal de
alle sammen være hvide i hovederne.... hvordan ?

--
- Thomas
~~~~~~~~
.... http://www.FlowCode.f2s.com - where code flows
.... mailto:blomme@post.com - where email goes



Jonas C. Voss (12-06-2001)
Kommentar
Fra : Jonas C. Voss


Dato : 12-06-01 15:44

Thomas P <blomme@post.com> wrote:

> derfor skal de alle sammen være hvide i hovederne.... hvordan ?

Har du prøvet med { background-color: transparent ; } ?

Eller har jeg misforstået dit problem?

--
MVH/Regards, Jonas
http://go.to/geografi Erase harddrive to mail me
I'm moving to Mars next week, so if you have any boxes...[Steven Wright]

Thomas P (12-06-2001)
Kommentar
Fra : Thomas P


Dato : 12-06-01 15:52

> Har du prøvet med { background-color: transparent ; } ?

Jeg tror desværre jeg er vidne til at jeg har formuleret mig forkert - det
er selvfølgelig min fejl, og det skal ikke ske igen Mit spørgsmål var
sådan set meget simpelt; hvordan kan jeg give egenskaben color:#FFFFFF; til
alle .menulink's hover, link, active og visited på en gang ?

--
- Thomas
~~~~~~~~
.... http://www.FlowCode.f2s.com - where code flows
.... mailto:blomme@post.com - where email goes



Knud Gert Ellentoft (12-06-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 12-06-01 17:20

Tue, 12 Jun 2001 16:51:46 +0200, skrev "Thomas P"
<blomme@post.com>:

>Jeg tror desværre jeg er vidne til at jeg har formuleret mig forkert - det
>er selvfølgelig min fejl, og det skal ikke ske igen Mit spørgsmål var
>sådan set meget simpelt; hvordan kan jeg give egenskaben color:#FFFFFF; til
>alle .menulink's hover, link, active og visited på en gang ?

Du har en class, som hedder menulink og som du bruger til links i
menuen?

Så skal det da bare være
..menulink {background-color: #FFFFFF}

så skulle baggrunden da meget gerne blive hvid, men er det
teksten, som skal være hvid, så er det

..menulink {color: #FFFFFF}

Ellers giv os et link til siden, så vi kan se, hvad problemet er.

med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://home.chello.no/bmork/oefix.exe

Jonas C. Voss (12-06-2001)
Kommentar
Fra : Jonas C. Voss


Dato : 12-06-01 22:53

Thomas P <blomme@post.com> wrote:

> > Har du prøvet med { background-color: transparent ; } ?
>
> Jeg tror desværre jeg er vidne til at jeg har formuleret mig forkert - det
> er selvfølgelig min fejl, og det skal ikke ske igen Mit spørgsmål var
> sådan set meget simpelt; hvordan kan jeg give egenskaben color:#FFFFFF; til
> alle .menulink's hover, link, active og visited på en gang ?
>

Hej Thomas

Har lige prøvet dette på IE5 til mac:

A.menuhover:link, visited, hover, active
{ background-color: #000000 ; text-decoration: none ;
color: #ffffff}

Virker fint. Det kan have noget at gøre med følgende, taget fra CSS2
specs'ene:

'Note that the A:hover must be placed after the A:link and A:visited
rules, since otherwise the cascading rules will hide the 'color'
property of the A:hover rule. Similarly, because A:active is placed
after A:hover, the active color [...] will apply when the user both
activates and hovers over the A element.'

Så i et tidligere indlæg, at du havde skrevet dem som -
link, hover, visited, active,
- hvilket i følge ovenstående ikke vil virke.

Håber det hjalp.

--
MVH/Regards, Jonas
http://go.to/geografi Erase HARDDRIVE to mail me
I'm moving to Mars next week, so if you have any boxes...[Steven Wright]

Knud Gert Ellentoft (13-06-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 13-06-01 01:56

Tue, 12 Jun 2001 23:53:14 +0200, skrev HARDDRIVEjc@voss.tf
(Jonas C. Voss):

>A.menuhover:link, visited, hover, active
> { background-color: #000000 ; text-decoration: none ;
> color: #ffffff}
>
>Virker fint. Det kan have noget at gøre med følgende, taget fra CSS2
>specs'ene:

Ja, selvfølgelig virker det, men er fuldstændigt overflødigt at
angive link m.v, hvis det skal være det samme.

Dog kan det være det, hvis et andet sted har defineret,
forskellige ting for a:link, a:visited osv.

med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://home.chello.no/bmork/oefix.exe

Thomas P (13-06-2001)
Kommentar
Fra : Thomas P


Dato : 13-06-01 05:40

> Dog kan det være det, hvis et andet sted har defineret,
> forskellige ting for a:link, a:visited osv.

Det er lige det det er...

--
- Thomas
~~~~~~~~
.... http://www.FlowCode.f2s.com - where code flows
.... mailto:blomme@post.com - where email goes



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408893
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste