/ 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
Hover farve på links
Fra : C. Nielsen


Dato : 25-08-06 11:22

Jeg har nogle link som gerne skulle skifte farve til gul , når musen køres
henover og der gør de også , men kun i IE. I FF og Opera er de sorte. Er der
nogen der kan hjælpe, jeg mangler nok noget i koden - men jeg ved ikke hvad
? Siden kan ses her http://www.checkthisout.dk/traevarer.htm
--
Venlig hilsen
C. Nielsen




 
 
Jens Gyldenkærne Cla~ (25-08-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 25-08-06 11:28

C. Nielsen skrev:

> Jeg har nogle link som gerne skulle skifte farve til gul , når
> musen køres henover og der gør de også , men kun i IE. I FF og
> Opera er de sorte.

Ikke her. Links bliver nydeligt gule i såvel IE, FF og Opera.

Tøm evt. cachen i browseren for at være sikker på at den ikke
anvender en ældre udgave af css-filen.


NB: Du har en enkelt valideringsfejl i html-koden - den har ikke
betydning for det manglende farveskift, men den forhindrer at man
kan validere css-koden online.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

C. Nielsen (25-08-2006)
Kommentar
Fra : C. Nielsen


Dato : 25-08-06 12:14


"Jens Gyldenkærne Clausen" <jens@gyros.invalid>
> C. Nielsen skrev:
>
>> Jeg har nogle link som gerne skulle skifte farve til gul , når
>> musen køres henover og der gør de også , men kun i IE. I FF og
>> Opera er de sorte.
>
> Ikke her. Links bliver nydeligt gule i såvel IE, FF og Opera.
>
> Tøm evt. cachen i browseren

> NB: Du har en enkelt valideringsfejl i html-koden - den har ikke
> betydning for det manglende farveskift, men den forhindrer at man
> kan validere css-koden online.

Tak for hjælpen. Nu kan jeg også se de er gule.
Men i IE har jeg en border på billede linkene, som også skifter farve , men
den kan jeg slet ikke se i FF og OP - er der noget jeg kan gøre der ? Jeg
har forsøgt at sætte class egenskaber på billed-linkene i menu - for at
undgå rammen om det lille billede der - men i IE er den der alligevel ,
indtil linket har været aktiveret , så er den væk - Jeg må have lavet en
fejl , men jeg kan ikke gennemskue hvor det er , måske der er der kan hjælpe
?

Jeg har rettet fejlen i html-koden, det var et sted jeg havde sat to classer
til samme ord - det kan man åbenbart ikke.
Hvis jeg gerne vil koble 2 eller flere class' s til samme f.eks. et ord der
skal have en farve( forskellig fra resten ) og samtidig stå til højre i en
box , skal jeg så lave en 3 class med begge egenskaber på css arket for at
få det ?

--
Venlig hilsen
C. Nielsen




Jens Gyldenkærne Cla~ (25-08-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 25-08-06 12:43

C. Nielsen skrev:

> Jeg har rettet fejlen i html-koden, det var et sted jeg havde
> sat to classer til samme ord - det kan man åbenbart ikke.

Jo - bare ikke sådan som du havde gjort. Her er et eksempel på
tildeling af tre klasser til et element:

   <p class="en to tre">

Indholdet af class-attributten er en liste af css-klasser, adskilt
af mellemrum (eller generelt af whitespace). Som regel har man kun
én klasse i listen (og dermed ingen mellemrum), men der er ikke
noget i vejen for at bruge flere. Dog kan der være ældre browsere
der kløjes i den type tildelinger.


Det følger af ovenstående at et klassenavn ikke må indeholde
whitespace.


> Hvis jeg gerne vil koble 2 eller flere class' s til samme
> f.eks. et ord der skal have en farve( forskellig fra resten )
> og samtidig stå til højre i en box , skal jeg så lave en 3
> class med begge egenskaber på css arket for at få det ?

Nej. Udover muligheden for at lægge flere klasser på samme element,
skal du også være opmærksom på mulighederne ved at anvende id-
selektorer og - ikke mindst - muligheden for at bruge descendant-
selektorer. Hvis du fx vil definere css for alle links i en menu,
kan du bruge:

#menu a{ ... }

- eller evt.

..menu a{ ... }

Det vil ramme alle a-elementer placeret inde i et element med
id=menu (#menu) eller class=menu (.menu).
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

C. Nielsen (25-08-2006)
Kommentar
Fra : C. Nielsen


Dato : 25-08-06 13:29

"Jens Gyldenkærne Clausen" <jens@gyros.invalid>
> C. Nielsen skrev:
>
>> Jeg har rettet fejlen i html-koden, det var et sted jeg havde
>> sat to classer til samme ord - det kan man åbenbart ikke.
>
> Jo - bare ikke sådan som du havde gjort. Her er et eksempel på
> tildeling af tre klasser til et element:
>
> <p class="en to tre">
>
> Indholdet af class-attributten er en liste af css-klasser, adskilt
> af mellemrum (eller generelt af whitespace).
> Udover muligheden for at lægge flere klasser på samme element,
> skal du også være opmærksom på mulighederne ved at anvende id-
> selektorer og - ikke mindst - muligheden for at bruge descendant-
> selektorer. Hvis du fx vil definere css for alle links i en menu,
> kan du bruge:
>
> #menu a{ ... }
>
> - eller evt.
>
> .menu a{ ... }
>
> Det vil ramme alle a-elementer placeret inde i et element med
> id=menu (#menu) eller class=menu (.menu).

Dejligt at lære noget idag også , tak for det.
Jeg har prøvet at lave det du foreslår. Måske gør jeg det ikke korrekt, for
jeg har stadig en ramme om de små billeder i menu'en t. v, når de ikke har
været aktiveret i IE, den forsvinder når linket har været benyttet, men
sådan skal det jo ikke være. Se siden her :
http://www.checkthisout.dk/traevarer.htm - hvad gør jeg forkert ?
--
Venlig hilsen
C. Nielsen




Dennis Munding (25-08-2006)
Kommentar
Fra : Dennis Munding


Dato : 25-08-06 19:42

Hej C!
"C. Nielsen" skrev i en meddelelse...:

[SNIP...]

"Måske gør jeg det ikke korrekt, for jeg har stadig en ramme om de små
billeder i menu'en t. v, når de ikke har været aktiveret i IE, den
forsvinder når linket har været benyttet, men sådan skal det jo ikke være.
Se siden her :
http://www.checkthisout.dk/traevarer.htm - hvad gør jeg forkert ?"


Prøv at indsætte flg. i dit stylesheet:

img {border:none;}

Det fjerner border fra alle billed-filer på dine sider.
Hvis der så er nogle billeder, som du vil have border på, så kan du bare
lave en klasse for dem:

img.billede {border:1px solid #000;} // Sætter en sort border på billedet

I din html:

<img class="billede" src="STI_TIL_BILLEDE.jpg" alt=" " title="" />


Med venlig hilsen
--
Dennis Munding
http://pe-vagtservice.dk/, http://cantica.dk/, http://munding-webdesign.dk/,
http://skovaa-munding.dk/, http://mundings-memorial.dk/,
http://eds-denmark.dk/



C. Nielsen (25-08-2006)
Kommentar
Fra : C. Nielsen


Dato : 25-08-06 22:42


"Dennis Munding" <mail@invalid.dk>
> Hej C!
> "C. Nielsen" skrev i en meddelelse...:
>
> [SNIP...]
>
> "Måske gør jeg det ikke korrekt, for jeg har stadig en ramme om de små
> billeder i menu'en t. v, når de ikke har været aktiveret i IE, den
> forsvinder når linket har været benyttet, men sådan skal det jo ikke være.
> Se siden her :
> http://www.checkthisout.dk/traevarer.htm - hvad gør jeg forkert ?"
>
>
> Prøv at indsætte flg. i dit stylesheet:
>
> img {border:none;}
>
> Det fjerner border fra alle billed-filer på dine sider.
> Hvis der så er nogle billeder, som du vil have border på, så kan du bare
> lave en klasse for dem:
>
> img.billede {border:1px solid #000;} // Sætter en sort border på billedet
>
> I din html:
>
> <img class="billede" src="STI_TIL_BILLEDE.jpg" alt=" " title="" />

Tak for forslaget , jeg har kigget på css arket, men jeg har stirret mig
blind - men jeg synes nu, at det jeg har gjort,er det samme som du har
foreslået - sat img border : none og lavet en class til a img og a img til
menu'en . Da jeg er ret ny i html kodning og css ark, har jeg måske gjort
det forkert. Det virker jo i FF og OP - men der er jo flest der bruger IE -
så det må jo også gerne virke der.
Jeg overvejer om det er bedre helt at fjerne border på billed link og blot
lade linket være indikeret af at markøren skifter facon.

--
Venlig hilsen
C. Nielsen




Dennis Munding (26-08-2006)
Kommentar
Fra : Dennis Munding


Dato : 26-08-06 09:47

Hej C!
"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:44ef6fca$0$3556$edfadb0f@dread11.news.tele.dk...
> Tak for forslaget , jeg har kigget på css arket, men jeg har stirret mig
> blind - men jeg synes nu, at det jeg har gjort,er det samme som du har
> foreslået - sat img border : none og lavet en class til a img og a img
> til menu'en . Da jeg er ret ny i html kodning og css ark, har jeg måske
> gjort det forkert. Det virker jo i FF og OP - men der er jo flest der
> bruger IE - så det må jo også gerne virke der.
> Jeg overvejer om det er bedre helt at fjerne border på billed link og blot
> lade linket være indikeret af at markøren skifter facon.

Ok!
Lad mig lige forstå dig ret:

I din menu er det kun selve teksten i linket, som skal skifte farve?!
Og du vil gerne af med den border, som er omkring billederne i din menu?!

Hvis "ja" til begge, så går du ind i dit stylesheet og gør følgende:

Ret disse linjer:

..menu a:link img {
border:none;
}
..menu a:hover img {
border:none;
}

Til:

a.menu img {
border:none;
}


Det skulle gøre tricket - virker for mig i IE6.0, FF1.5.0.4 og Opera9.01!


Med venlig hilsen
--
Dennis Munding
http://pe-vagtservice.dk/, http://cantica.dk/, http://munding-webdesign.dk/,
http://skovaa-munding.dk/, http://mundings-memorial.dk/,
http://eds-denmark.dk/



Dennis Munding (26-08-2006)
Kommentar
Fra : Dennis Munding


Dato : 26-08-06 09:53

Hej igen!
"Dennis Munding" <mail@invalid.dk> skrev i en meddelelse
news:NTTHg.19$WG.9@news.get2net.dk...
> Ret disse linjer:
>
> .menu a:link img {
> border:none;
> }
> .menu a:hover img {
> border:none;
> }
>
> Til:
>
> a.menu img {
> border:none;
> }

Du kan også rette det til:

#leftcol a img {
border:none;
}

Så kan du fjerne class="menu" fra alle dine a-tags i #leftcol.... (sparer en
masse kode, og det er nemt at fjerne med NotesBlok (NotePad)).


Med venlig hilsen
--
Dennis Munding
http://pe-vagtservice.dk/, http://cantica.dk/, http://munding-webdesign.dk/,
http://skovaa-munding.dk/, http://mundings-memorial.dk/,
http://eds-denmark.dk/



Dennis Munding (26-08-2006)
Kommentar
Fra : Dennis Munding


Dato : 26-08-06 10:09

Hej C!

En ting du bør rette er:

a:link img {
border: 1px 2px 2px 1px solid #A16EF5;
}

Det giver en fejl i valideringen.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.checkthisout.dk%2Ftraevarer.htm&usermedium=all

Kortlink: http://tinyurl.com/ohful

Men hvis du retter det til:

a:link img {
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #A16EF5;
}

Så ved jeg, at det ikke giver fejl - ved dog ikke, om det kunne skrives på
en anden måde.
Problemet med kortformen er, at du har mere end én angivelse af
border-width - hvis den f.eks. skulle være 1px hele vejen rundt, ville der
ikke være noget galt i at bruge kortformen:

border: 1px solid #16EF5;


Derudover får du 12 advarsler om manglende baggrundsfarve og manglende
tekstfarve - ikke noget, der tager lang tid at rette (hvis du gerne vil have
advarslerne væk...).


Med venlig hilsen
--
Dennis Munding
http://pe-vagtservice.dk/, http://cantica.dk/, http://munding-webdesign.dk/,
http://skovaa-munding.dk/, http://mundings-memorial.dk/,
http://eds-denmark.dk/



C. Nielsen (26-08-2006)
Kommentar
Fra : C. Nielsen


Dato : 26-08-06 14:19


"Dennis Munding" <mail@invalid.dk> skrev
> Hej C!
>
> En ting du bør rette er:
>
> a:link img {
> border: 1px 2px 2px 1px solid #A16EF5;
> }
>
> Men hvis du retter det til:
>
> a:link img {
> border-width: 1px 2px 2px 1px;
> border-style: solid;
> border-color: #A16EF5;
> }
>
> Så ved jeg, at det ikke giver fejl - ved dog ikke, om det kunne skrives på
> en anden måde.
> Problemet med kortformen er, at du har mere end én angivelse af
> border-width - hvis den f.eks. skulle være 1px hele vejen rundt, ville der
> ikke være noget galt i at bruge kortformen:
>
> border: 1px solid #16EF5;

Hej Dennis.
Jeg må virkelig sige så mange tak for dit overblik og lyst til at hjælpe.
Det virker jo bare perfekt nu,( se her
http://www.checkthisout.dk/traevarer.htm ) og jeg har også lært noget - en
samlet god følelse.
Jeg kan godt li at se sider der validere, så jeg har rettet de warnings som
du havde set. Jeg mangler lige nogle gode vaner med af checke validering af
både css og html, mere løbende.
Nu hvor det overordnede er på plads, må jeg videre med resten af siderne,
billederne o.v.s.
--
Venlig hilsen
C. Nielsen




Erik Ginnerskov (26-08-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-08-06 22:34

C. Nielsen wrote:

> Jeg mangler lige nogle gode vaner med af
> checke validering af både css og html, mere løbende.

Hvis du ikke allerede bruger Firefox som monitor, når du udvikler
hjemmeside, kan jeg anbefale, at du gør det fremover - og at du installerer
den plugin i Firefox, der hedder Tidy.

Det gør det meget hurtigt at fange de fleste fejl, man laver, Tidy giver
besked med det samme, hvis der er noget galt.

http://html-faq.dk/3004.asp

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



Jørgen Farum Jensen (25-08-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 25-08-06 11:31

C. Nielsen skrev:
> Jeg har nogle link som gerne skulle skifte farve til gul , når musen køres
> henover og der gør de også , men kun i IE. I FF og Opera er de sorte. Er der
> nogen der kan hjælpe, jeg mangler nok noget i koden - men jeg ved ikke hvad
> ? Siden kan ses her http://www.checkthisout.dk/traevarer.htm

Jeg kan ikke se fejlen i FF 1.5. Dit stylesheet er korrekt,
du har /alle/ links sat til
a:hover{
color:#E4DD04; /* lidt mørk gul */
background-color:inherit;
}

--

Med venlig hilsen

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

Ukendt (25-08-2006)
Kommentar
Fra : Ukendt


Dato : 25-08-06 11:59


"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:44eecf44$0$3521$edfadb0f@dread11.news.tele.dk...
> Jeg har nogle link som gerne skulle skifte farve til gul , når musen køres
> henover og der gør de også , men kun i IE. I FF og Opera er de sorte. Er
> der nogen der kan hjælpe, jeg mangler nok noget i koden - men jeg ved ikke
> hvad ? Siden kan ses her http://www.checkthisout.dk/traevarer.htm

Virker også ganske ok her, men det er dog ikke den mest heldige farve du har
valgt. Kontrasten til baggrunden er ringe jævnfør nedenstående test
http://juicystudio.com/services/colourcontrast.php


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



C. Nielsen (25-08-2006)
Kommentar
Fra : C. Nielsen


Dato : 25-08-06 22:47


"CS" <askmeforanaddress> skrev
> "C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
>> Jeg har nogle link som gerne skulle skifte farve til gul , når musen
>> køres henover og der gør de også , men kun i IE. I FF og Opera er de
>> sorte.
> Virker også ganske ok her, men det er dog ikke den mest heldige farve du
> har valgt. Kontrasten til baggrunden er ringe jævnfør nedenstående test
> http://juicystudio.com/services/colourcontrast.php

Tak for opmærksomheden omkring kontrasten .
Jeg havde ændret farven til en lidt mere fyldig/mørkere gul, som stadig er
i tråd med resten af siden.
--
Venlig hilsen
C. Nielsen




Ukendt (26-08-2006)
Kommentar
Fra : Ukendt


Dato : 26-08-06 16:41


"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:44ef6fcb$0$3556$edfadb0f@dread11.news.tele.dk...
>
> "CS" <askmeforanaddress> skrev

>> Virker også ganske ok her, men det er dog ikke den mest heldige farve du
>> har valgt. Kontrasten til baggrunden er ringe jævnfør nedenstående test
>> http://juicystudio.com/services/colourcontrast.php
>
> Tak for opmærksomheden omkring kontrasten .
> Jeg havde ændret farven til en lidt mere fyldig/mørkere gul, som stadig er
> i tråd med resten af siden.

Tvivler på du kan opnå en tiltrækkelig kontrast med gul på hvidt


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



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

Månedens bedste
Årets bedste
Sidste års bedste