Link fylder hele siden.....

Jeg ville gøre som @Michael Larsen foreslår ... uden dog, at gøre brug af "target='_self'" da det gerne skulle være implicit. Da det er måden, at gøre det på.

Hvis du ikke bruger HTML5 doctype vil ideen med, at sætte en div inden i en a desuden være invalid, da et block element ikke må placeres inden i et inline element, så koden kan se ikke, at fungere.

Du bruger div ind i <a href
Hvor du blot kunne løse det på andre måder.
Men grunden til den bliver lang, er fordi du har 272 i width.
Og 107 i højden /height.

<style>
.mitlink {
color:#000;
font-size:12px;
}
</style>

<a href="upload.php" target="_self" class="mitlink">
<div class="button_upload">
</div> 
</a>

Wrong. Width er den width som billedet er.
Sætter jeg width til 1px bliver billedet en lille tynd streg, men linket fylder stadig hele siden.

Grunden til at jeg sætter DIV inde i HREF er fordi at den så udfylder hele billedet, hvorimod hvis jeg satte div rundt om href, er der kun link der hvor link-teksten er (som jeg ikke har.)

<style>
.button_upload{
background-image:url('upload.png');
width:272px;
height:107px;
border: 3px solid black;
border-radius:20px;
}
.mitlink {
color:#000;
font-size:12px;
}
</style>

<a href="upload.php" target="_self" class="mitlink">
<span class="button_upload"></span>
</a>

Har du evt. et link til hvor man kan se det ?

Det virker ikke. Min knap vises ikke.

Jamen jeg er ikke med, du skriver knap. ?

Hvorfor så ikke lave billedet i <input type="image" ?
Og kører en href= i input, eller lign.

Eller <a href="#" style="color:black;"><img src="upload.png" width="272px" height="107px"></a>

Kan du følge mig?.

Fordi det bliver for avanceret og rodet at lave alting i HTML.
Derfor laver jeg billedet i CSS + at det så også fylder hele kanppen


http://imageshack.us/photo/my-images/839/derpzw.png/

en <div> inde i et <a> er dobbelt så komplekst som et <input> eller <a> alene. Årsagen er at du bruger to tags, hvor du kan nøjes med et. Men du har ret i at <input> ikke hænger sammen her, når linket blot er en henvisning til en anden side. Semantisk korrekt skal <input> ligge inden for <form>.

<style>
.button_upload{
    background-image:url('upload.png');
    width:272px;
    height:107px;
    border: 3px solid black;
    border-radius:20px;
    display: block;
}
</style>
<a href="upload.php" target="_self" class="button_upload"></a>