Avatar billede edron Nybegynder
01. januar 2002 - 17:03 Der er 21 kommentarer og
1 løsning

A: HOVER ?

Godt nytår!
Jeg har følgende style-sheet, som ikke fungerer i explorer 5 & 6.0 . Det virker fint i netscape 6.2.
Er der nogen, der ved hvad, som skal justeres ?

<style type=\"text/css\"><!--
body{background:#000000;font-family:arial;color:#1A8CFF;}
a:link{text-decoration:none;color:#FD7201;}
a:active{text-decoration:none;color:#DBDD09;}
a:visited{text-decoration:none;color:#FD7201;}
a:hover{text-decoration:none;color:#DBDD09;}
//--></style>
Avatar billede Slettet bruger
01. januar 2002 - 17:08 #1
virker fint i min explorer 5.01
Avatar billede pelkjaer Nybegynder
01. januar 2002 - 17:09 #2
Det virker da fint i IE 6 - og det fejler forresten intet.
Avatar billede tmceu Praktikant
01. januar 2002 - 17:09 #4
Det virker også fint i min IE 5.5, men det ville måske hjælpe hvis du fortalte hvilken del der ikke virker eller hvad du ser...
Avatar billede edron Nybegynder
01. januar 2002 - 17:17 #5
Ja det har i nok ret i, måske jeg har udtrykt spørgsmålet lidt bombastisk.
Men sagen er at i explorer kan \'brugeren\' selv gå ind
og vælge farver på \'hover\', hvis de farver han/hun har valgt ikke er de samme som jeg har defineret i mit <style>, så vises a:hover effekten ikke korrekt.
Her i mit <style> skal a:link & a:visited vises med
\'orange\' og a:active & a:hover med \'gul\'.
Får i disse farver i explorer?
Avatar billede pelkjaer Nybegynder
01. januar 2002 - 17:21 #6
jep, lige præcis.
Avatar billede jakoba Nybegynder
01. januar 2002 - 17:25 #7
Både i explorer og netskape kan brugeren i sine indstillinger vælge at browseren skal ignorere hvad du specificerer i din kode.
på samme måde kan de vælge baggrundsfarve og font og lignenden.

Det er der så nogen der gør, og det skal de have lov til. Det er DERES browser.

mvh JakobA
Avatar billede Slettet bruger
01. januar 2002 - 17:27 #8
Ja, og der er som regel en grund til at de gør det :)
Avatar billede edron Nybegynder
01. januar 2002 - 17:27 #9
Undskyld! der er noget jeg ikke har skrevet:
Det drejer sig om image border, altså border på billeder og her virker mit ikke i IE.
Prøv lige det! ellers er det mine explorer der noget helt tosset med.
Avatar billede Slettet bruger
01. januar 2002 - 17:28 #10
Hvad skal vi prøve? Du formulerer dig meget uklart og tåget :)
Avatar billede Slettet bruger
01. januar 2002 - 17:30 #11
Avatar billede edron Nybegynder
01. januar 2002 - 17:36 #12
Prøv at lægge et billede ind på siden, lad vær med at
skriv noget om border, læg så mit <style> ind, hvad bliver resultatet så i IE?
Avatar billede jakoba Nybegynder
01. januar 2002 - 17:45 #13
Det bliver så til at du slet ikke sigen noget om om der skal vises border eller ikke. Og der kan browserene sagtens have en forskellig default.

Det er bedre at fortælle specifikt hvad du vil have, fx med et  border=\'0\'  i <img kommandoen.

mvh JakobA
Avatar billede jakoba Nybegynder
01. januar 2002 - 17:46 #14
Ups.  ikke sigen -> ikke siger
Avatar billede edron Nybegynder
01. januar 2002 - 18:24 #15
Her er et eksempel, MED Border=\"0\". Her vises ingen
border hverken i IE eller NS 6.2:

<html>
<title></title>
<head>
<style type=\"text/css\"><!--
body{background:#000000;font-family:arial;color:#1A8CFF;}
a:link{text-decoration:none;color:#FD7201;}
a:active{text-decoration:none;color:#DBDD09;}
a:visited{text-decoration:none;color:#FD7201;}
a:hover{text-decoration:none;color:#DBDD09;}
//--></style>
</head>
<body>
<a href=\"http://www.ni.dk\"><img src=\"jpg-10/a001.jpg\" border=\"0\"></a>
</body>
</html>

Her er et UDEN Border definering og den virker kun
i NS 6.2 med de farver jeg har i mit <style>.
Og i IE virker den kun med \'brugerens\' farver:

<html>
<title></title>
<head>
<style type=\"text/css\"><!--
body{background:#000000;font-family:arial;color:#1A8CFF;}
a:link{text-decoration:none;color:#FD7201;}
a:active{text-decoration:none;color:#DBDD09;}
a:visited{text-decoration:none;color:#FD7201;}
a:hover{text-decoration:none;color:#DBDD09;}
//--></style>
</head>
<body>
<a href=\"http://www.ni.dk\"><img src=\"jpg-10/a001.jpg\"></a>
</body>
</html>

Så er spørgsmålet Kan <style> fixes op til at virke
i begge browsere?

Eller skal man til at lege med <td> uden om en anden <td>og grafikændring med mouseover.
Hvis man istedet går over i JavaScript style vil der også blive problemer browserne imellem.
Avatar billede tmceu Praktikant
02. januar 2002 - 09:25 #16
Ikke alle browsere supporterer CSS fuldt ud og nogle har en tendens til at \"forbedre\" tingene, så de supporterer måske noget ekstra. Men som udgangspunkt, bør CSS opføre sig ens i begge (alle) browsere.

Men som det allerede er sagt, vil alle browsere med stor sandsynlighed have forskellig adfærd som standard, ligesom brugerne selvfølgelig i sidste ende kan overstyre næsten alt.

Hvis du vil gøre dig nogen forhåbninger om at det virker bare nogenlunde som du ønsker, bør du altid eksplicit inkludere de ting i dine styles, som du ønsker at kontrollere og ikke som nu, læne dig op ad hvad din NS gør som standard. Hvad mon der sker med næste version ?

Og nej, det bør ikke være nødvendigt at lege med hverken <td>, mouseover eller andet JavaScript, for du har ret i, at det kun gør kompatibilitets problemet værre.
Avatar billede jakoba Nybegynder
02. januar 2002 - 12:21 #17
du kan evt gøre det hele i dit stylesheet med:

<style type=\"text/css\"><!--
body{background:#000000;font-family:arial;color:#1A8CFF;}
a:link{text-decoration:none;color:#FD7201;}
a:active{text-decoration:none;color:#DBDD09;}
a:visited{text-decoration:none;color:#FD7201;}
a:hover{text-decoration:none;color:#DBDD09;}
a {border:0px solid;}
//--></style>

mvh JakobA
Avatar billede edron Nybegynder
02. januar 2002 - 17:19 #18
Jeg har løst mit <style> problem ved at prøve mig frem. Her er løsningen, og den virker i NS 6.2 &
IE. Border går fra at være orange til at blive gul når musen føres over:

<html>
<title></title>
<head>
<style type=\"text/css\"><!--
body {background:#000000;}
  a:link img {border: 2px solid #FD7201;}
a:active img {border: 2px solid #FD7201;}
a:visited img {border: 2px solid #FD7201;}
  a:hover img {border: 2px solid #DBDD09;}
//--></style>


</head>
<body>
<a href=\"http://www.ni.dk\"><img src=\"jpg-10/a001.jpg\"></a>

</body>
</html>
Avatar billede jakoba Nybegynder
02. januar 2002 - 17:22 #19
Men nu bliver tekst-links på den side da vist ret sjove :-)
Avatar billede edron Nybegynder
02. januar 2002 - 18:51 #20
Korrekt jacoba
Det kan løses således: :-)

<html>
<title></title>
<head>
<style type=\"text/css\"><!--
body {background:#000000;}
a {text-decoration: none}
  a:link img {border: 2px solid #FD7201;}
a:active img {border: 2px solid #FD7201;}
a:visited img {border: 2px solid #FD7201;}
  a:hover img {border: 2px solid #DBDD09;}
//--></style>
</head>
<body>
<a href=\"http://www.ni.dk\"><img src=\"jpg-10/a001.jpg\"></a>
<A HREF=\"http://ni.dk\">
<FONT COLOR=\"#FD7201\"
      onMouseOver=\"this.style.color = \'#DBDD09\'\"
      onMouseOut=\"this.style.color = \'#FD7201\'\">9 DK</FONT></A>


</body>
</html>
Avatar billede olebole Juniormester
04. januar 2002 - 17:57 #21
<ole>
tmceu >> Hvad skulle gør inkompatibilliteten større ved at anvende JavaScript i stedet for CSS?

Den eneste browser, der ville kræve særbehandling i denne forbindelse er NS4.X. Da denne serie ikke har CSS implementeret - og derfor ikke er modtagelig for de CSS-features, der kræves for at få dette til at virke - kan vi roligt udelukke den.

Resten af browserne vil fint kunne suppoteres af ét JavaScript - fælles for dem alle (Her regner jeg med IE4+, NS6+, Mozilla og Opera). De understøtter ligeledes alle mouse-events på samtlige elementer.

Hvad er problemet?
/mvh
</bole>
Avatar billede edron Nybegynder
08. oktober 2002 - 12:09 #22
Lukker med stor forsinkelse har selv løst problemet
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester