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