Avatar billede flodhesten Nybegynder
05. juni 2009 - 12:20 Der er 7 kommentarer

Irriterende cursor

Hej.

Når jeg bruger den her kode til at centrere mit indhold, så får jeg sådan en "marker-tekst" cursor når jeg holder musen over boksen og ikke kun når musen føres over teksten.

Det sker kun i Internet Explorer og er intet problem i firefox.

Koden er:

<div style="margin: 0 auto; width: 500px;">
<div>Test</div>
</div>

Hvorfor kommer den almindelige pege-cursor ikke når jeg fører musen hen over den indre div og hvad kan jeg gøre for at få den tilbage?
Avatar billede keysersoze Ekspert
05. juni 2009 - 12:29 #1
Der kan være flere årsager, også nogle i den del af koden vi ikke kan se. Det mest nærliggende du kan gøre er dette;

<div style="margin: 0 auto; width: 500px;">
<span>Test</span>
</div>
Avatar billede flodhesten Nybegynder
05. juni 2009 - 12:33 #2
Den kode du ikke kan se er:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="/style.css"  />
</head>

<body style="background-color: #E1E1E1;">

<div style="margin: 0 auto; width: 940px;">
<div>Test</div>
</div>

</body>
</html>


Det kan da ikke passe at man ikke kan lave en div inden i en anden div, uden at cursoren ikke viser den almindelige pil.
Avatar billede flodhesten Nybegynder
05. juni 2009 - 12:36 #3
Og span løser i øvrigt ikke min problem. Det gør det tilgengæld hvis jeg giver den indre div en background-color. Hmm... Meget mystisk. Det er da latterligt hvis jeg skal til at give hver div jeg har inden for min margin-centrering en baggrundsfarve.
Avatar billede tjaz Nybegynder
05. juni 2009 - 13:32 #4
prøv om ikke :

cursor: default;

hjælper på dit problem?
Avatar billede miqe Nybegynder
05. juni 2009 - 14:18 #5
M$IE har nogle sjove "fortolkninger" af standarder engang imellem.
Det korrekte element i din context ser dog ud til at være et <span>, hvilket vi kan udnytte til vores fordel.

Prøv følgende (ikke afprøvet):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="/style.css"  />
<style>
span {background-color: transparent}
</style>

</head>

<body style="background-color: #E1E1E1;">

<div style="margin: 0 auto; width: 940px;">
<span>Test</span>
</div>

</body>
</html>
Avatar billede keysersoze Ekspert
18. september 2009 - 22:39 #6
kommet videre?
Avatar billede flodhesten Nybegynder
19. september 2009 - 17:25 #7
Ja, beklager, men jeg har glemt alt om denne tråd.

Så vidt jeg husker løste jeg mit problem ved hjælp af

cursor: default;

Så tjaz bør vel egentlig modtage sine point.
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