WN - knas med knapp i IE men inte FF

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - knas med knapp i IE men inte FF (https://www.wn.se/forum/showthread.php?t=35216)

cortex

2009-02-17 22:51

Hejsan ,sitter och pillar på en design till en inloggning,
och skriver ut en "register" button, en bild som skall vara klickbar till registreringen.
Skriver ut den på detta viset:

Kod:

<a href="register.php" /> <div class="register_button" /> </div> </a>

Och i FF fungerar den jättefint och bra, men i IE finns det inget klickbart någonstans, vad beror detta på ?

dAEk	2009-02-17 23:45

Jag ser ett par konstigheter:

a-taggen avslutas på ett sätt som inte är tillåtet (/>).
a-taggar får inte innehålla blockelement (som en div är).
div-taggen avslutas knasigt (/> och sedan genom </div>)

Jag kan tänka mig att webbläsaren blir snurrig av de "/>" som du har i koden men är inte helt 100 på det.

En giltig markup borde i vilket fall som helst vara antingen

Kod:

<div class="register_button"><a href="register.php"></a></div>

eller

Kod:

<a href="register.php"><span class="register_button"></span></a>

Dessutom vill du nog att länkarna ska innehålla någon form av text eller bild, eller?

cortex

2009-02-18 08:20

okej, skall kika lite närmare på detta.

"länken" ifråga är en bild som användarna skall klicka på.

dlg	2009-02-18 09:15

som sagt, block element får inte ligga innanför en anchor.. Följ dAEKs råd.

allstars

2009-02-18 12:58

Skall du bara ha elementet div inuti länkelementet för att visa en bild?

Då gör du på fel sätt.

Jag hade gjort så här:

Kod:

<a href="registrering.html" id="btn-register">Registrera dig här!</a>

Sedan css för att lägga till bakgrundsbild och gömma texten

Kod:

#btn-register {

/* samma bredd och höjd som din bild*/

width: 70px; 

height: 20px;

background: transparent url(/img/buttons/register-here.png) no-repeat 0% 0%;

text-indent: -9999px; /*gömmer texten för användaren man tillgänlig för sökmotorer*/

}

Alla tider är GMT +2. Klockan är nu 21:06.