PS3, HTML, CSS und vBulletin.

[OVAMG]

Hallo Zusammen.

Ich habe einen Button erstellt. Der Button ist 170px Breit und 23px Hoch. Nun wollte ich eine Auf-/Zuklappfunktion einbauen. Ich habe also von dem Button ganz links ein Stück abgeschnitten (24x23) etwas geändert und nun verwende ich diese kleine Grafik als "Auf-/Zuklappfunktion". Es funktioniert auch perferkt aber der Text der neben der Grafik ist (Schriftgrösse 13px) wird nach oben verschoben und ich weiss nicht warum. Wenn ich eine kleinere Grafik verwende für die Auf-/Zuklappfunktion geht es problemlos. Aber das kann doch nicht sein? Die Grafik passt perfekt in den Button.

Kann mir jemand helfen?



Auf dem Bild kann man es sehr gut sehen. Das untere Button (Suchen) hat keine Auf-/Zuklappfunktion aber der obere Button hat eine Auf-/Zuklappfunktion und wie man sieht wird der Text einfach verschoben.

Vielen Dank.

 

[cebito]

AW: PS3, HTML, CSS und vBulletin.

Poste mal den code und den zuständigen css-Teil, so kann man nicht wirklich was sagen.

 

[OVAMG]

AW: PS3, HTML, CSS und vBulletin.

Hallo, vielen Dank für die antwort.

<table class="tborder3" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat10">
<a style="float:left; width:24px; height:23px; padding-right:0px;" href="#top" onclick="return toggle_collapse('forumrules')"><img id="collapseimg_forumrules" src="images/buttons/test.png" alt="" border="0" /></a>
<span class="ftvat10">$vbcmsoptions[navtitle3]</span>
</td>
</tr>
...
Ab hier eher unwichtig...
...
</thead>
<tbody id="collapseobj_forumrules">
<tr>
<td class="Navi3">
<ul class="listp">
$navout
</ul>
</td>
</tr>
</tbody>
</table>
<div style="padding-top:10px"></div>

.tcat10 {background: url(images/misc/Button-Navi1.png) no-repeat; 
color: #FFFFFF; font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; height:23px;}

.ftvat10 {padding-left:4px;}

 

[cebito]

AW: PS3, HTML, CSS und vBulletin.

Könntest du nicht einfach .ftvat10 mit margin/padding-top zurechtrücken?

 

[OVAMG]

AW: PS3, HTML, CSS und vBulletin.

Es geht nicht. Also nicht gut. Kannst du keinen "Fehler im System" erkennen?

 

[OVAMG]

AW: PS3, HTML, CSS und vBulletin.

Die Text-Postion lässt sich garnicht ausrichten ausser von Links (padding-left). Echt komisch.

 

[cebito]

AW: PS3, HTML, CSS und vBulletin.

Die Text-Postion lässt sich garnicht ausrichten ausser von Links (padding-left). Echt komisch.

Ok, versuchs mal mit line-height bis es passt...

 

[OVAMG]

AW: PS3, HTML, CSS und vBulletin.

Mit "line-height: 160%" geht es aber das ist doch keine Lösung oder?