[cortex]

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:

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

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

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

eller

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

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

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

[dlg]

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

[allstars]

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:

<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

#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*/
}