Schrifteinzug in einer Tabelle (Button)

[eyesonly]

Hallo,

vorneweg ich bin Anfänger! Mit HTML im hab ich ein klein wenig erfahrung aber nich alzu viel.
Nun zu meinem Problem:

Ich habe mit eine Downloadseite erstellt wo man Fotos etc von mir runterladen kann.
dazu habe ich eine Tabelle erstellt mit 10 Feldern hab mir dann nen button gebastelt und den reingesetzt und beschriftet. Funtkioniert soweit auch alles (Downloads etc gehen) mein Problem ist nun das ich die beschriftung auf den buttons ganz links steht ich hätte sie aber gerne ca. 7mm eingerückt (damit sie nicht so auf den rand drückt...)

finde nur leider den passenden tag nicht kann mir jemand helfen?

ich benutze Dramweaver...


auszug:

<table width="539" height="400" border="0" cellpadding="0" ;>
<tr>
<td width="45">&nbsp;</td>
<td><div id="buttondown" value="Download"; onclick="window.open('downs/test.jpg')">Download1</div></td>
</tr>
<tr>

CSS auszug:

}
#buttondown {
height: 50px;
width: 200px;
background-image: url(pics/butt.png);
font-family: "Linotype Univers 340 ExLight";
font-size: 19px;
font-weight: bolder;
color: #000;
padding-top: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-transform: none;
text-align:left;
}


#buttondown:hover {
height: 50px;
width: 200px;
background-image: url(pics/butt_hover.png);
font-family: "Linotype Univers 340 ExLight";
font-size: 21px;
font-weight: bolder;
color: #000;
padding-top: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-transform: none;
text-align: center;

}

vielen dank und grüße
eyes

 

[alogheo]

setze einen Innenabstand mit padding.

PS:
Für den hover-Effekt musst du nicht alle styles noch einmal setzen, es reichen die, die sich ändern:

#buttondown:hover
{
  background-image: url(pics/butt_hover.png);
  font-size: 21px;
  text-align: center;
}

 

[eyesonly]

Hallo,

vielen Dank für die Antwort

mit padding hab ichs schon probiert hatte leider nicht das gewünschte Ergebnis :cry:

wenn ichs bei <td> einfüge dann verschiebt sich der komplette button wenn ichs ins <div> feld einfüge dann verschiebt sich zwar der Text wie gewünscht aber mein button vergrößert sich und der soll so bleiben wie er ist

kann ich das automatische vergrößern des buttons verhindern?

vielen Dank und grüße
eyes

P.S. vielen dank für den TIP mit hover wusste ich auch noch nicht


<table width="539" height="400" border="0" cellpadding="0" ;>
<tr>
<td width="45">&nbsp;</td>
<td><div id="buttondown" value="Download"; onclick="window.open('downs/test.jpg')">Download1</div></td>
</tr>
<tr>

 

[Space Vampire]

...aber mein button vergrößert sich und der soll so bleiben wie er ist

kann ich das automatische vergrößern des buttons verhindern?...

Das Padding wird auf die angegebenen Festmaße des Elementes aufgerechnet.
Alles was du tun musst, ist es von den Angaben abzuziehen ;)

Und an beide Vorposter: Benutzt doch bitte die Code-tags aus dem erweitereten Beitragseditor!

 

[eyesonly]

vielen Dank funktioniert...