runde knapper

Det kan du ikke, med mindre du laver to billeder, et af knappen oppe, og et af knappen nede, og så laver noget script der styrer det

-- tjah, css3 giver mulighed for det, men lad os se hvornår det bliver implementeret, når f.eks. IE kun har css2 fragmentarisk implementeret, og ikke engang css1 fuldt implementeret ...

-- i de Gecko-baserede browsere (Mozilla, Camino, FireFox, Netscape) findes der allerede en -moz-border-radius, som kan det !o]

ok,.. tak for hjælpen,.. smider du et svar Idanielsen ?

Næ, du fik jo bare et "nej, det kan man ikke lige!"

Så tag poient'ene selv, og bed evt i Javascript om nogen vil lave det på den måde jeg foreslog.

Lavede lige noget hurtigt, kun testet i Internet Explorer


<HTML><HEAD>
<SCRIPT LANGUAGE=javascript>
<!--
var knapActive = 0;

function myMouseUp(){
    knapActive = 0;
    }
   
function myMouseDownKnap(i, objTd){
    objTd.style.backgroundImage = "url(ned.gif)";
    knapActive = i;
    }
   
function myMouseUpKnap(i, objTd){
    if (knapActive == i){
        objTd.style.backgroundImage = "url(op.gif)";
        knapActive = 0;
        doAction(i);
        }
    }
   
function myMouseOverKnap(i, objTd){
    if (knapActive == i) objTd.style.backgroundImage = "url(ned.gif)";
    }
   
function myMouseOutKnap(i, objTd){
    if (knapActive == i) objTd.style.backgroundImage = "url(op.gif)";
    }

function doAction(i){
    if (i == 1) alert("Knap 1");
    if (i == 2) alert("Knap 2");
    }
//-->
</SCRIPT>

</HEAD>
<BODY onMouseUp="myMouseUp();">
<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
  <TD style="background-image: url(op.gif); height: 30px; width: 30px;"  onmouseup="myMouseUpKnap(1, this);" onmousedown="myMouseDownKnap(1, this);" onmouseover="myMouseOverKnap(1, this);" onmouseout="myMouseOutKnap(1, this);"></TD>
</TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TR>
  <TD style="background-image: url(op.gif); height: 30px; width: 30px;"  onmouseup="myMouseUpKnap(2, this);" onmousedown="myMouseDownKnap(2, this);" onmouseover="myMouseOverKnap(2, this);" onmouseout="myMouseOutKnap(2, this);"></TD>
</TR>
</TABLE>
</BODY></HTML>

ok,.. det virker jo glimrende :o)

får jeg et svar nu så?...

ok så, men der kan jo være problemer med den. check for eksempel lige at almindelige links stadig virker på siden ...

Men Tak :o)