joker: Button in Tabellenzelle ausrichten

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

  1. Button in Tabellenzelle ausrichten

    bluedragon
    – Informationen zu den Bewertungsregeln

    Heyho,

    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.

    Du versuchst es ja gar nicht richtig zu positionieren oder sonst irgendwas.
    Insgesamt recht creepy, nimms mir bitte nicht übel ;)
    Versuchs mal mit

      
#button1:hover {  
               background-image:url(button001_over.jpg);  
               background-position:bottom right;  
               }

    lg
    blue

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln