joker: Button in Tabellenzelle ausrichten

Beitrag lesen

SELF-Forum

Button in Tabellenzelle ausrichten

joker
– Informationen zu den Bewertungsregeln

Hallo,

ich habe folgendes Problem. Ich möchte einen Button in der Zelle einer Tabelle so ausrichten, dass er Unten-Rechts liegt. Der Code dazu sieht so aus:

  
<style type="text/css">  
   #button1       { display:block;  
                    background-image:url(button001.jpg);  
                    width:50px; height:50px }  
   #button1:hover { background-image:url(button001_over.jpg); }  
</style>  
  
  
<body>  
        <table width="463" height="174" border="0" cellpadding="0" cellspacing="0">  
  	<tr>  
            <td style="background-image:url(button001.jpg); background-repeat:no-repeat; background-position:bottom right" width="200"><a href="http://www.test.de/" id="button1"> </td>           	  
        </tr>  
        </table>  
        	  
</body>

Das Hintergrundbild in der Zelle wird dank "background-position:bottom right" so ausgerichtet, wie ich es haben will. Aber wie kann ich den Button samt hover-Effekt auch so ausrichten? Bei mir wird er in der Zelle immer zentriert.

Beitrag melden
–
Informationen zu den Bewertungsregeln