nicht angemeldet
Button
0 0 
Marc
Button
Hallo.
Baue grad eine menu, und kann nicht den Text von einzelnen Buttons in der Mitte schieben(vertikal gesehen).
padding-top verschiebt den Text mit dem Background, der aber auf der gleichen Stelle weiter bleiben soll.
hier ist html:
<ul>
<li>
<a class="mainlevel" href="index.php?option=com_content&task=view&id=4&Itemid=6">Tagesgeld</a>
</li>
...
</ul>
hier ist css:
ul {
list-style:none;
width:220px;
padding:2px;
padding-top:20px;}
ul li{
padding-left:10px;
padding-right:10px;}
ul li a.mainlevel{
padding-left:10px;
font-size:13px;
display:block;
height:25px;
background-image:url(../images1/button_line_geld.png); background-position:0px 25px;}
ul li a.mainlevel:hover{
background-image:url(../images1/button_line_geld.png); background-position:0px 0px;}
Werde mich freuen für Hinweis oder Tipp. Danke!
-
hallo,
kann nicht den Text von einzelnen Buttons in der Mitte schieben(vertikal gesehen).
Das hängt damit zusammen, daß es gar keine buttons gibt. Es gibt einen Verweis, und in dessen Hintergrund hast du per CSS ein Bild eingebunden, fertig. Was willst du jetzt "schieben"?
Die einzige Möglichkeit, die Position deines Hintergrundbildes zu ändern, besteht darin, hier weiterzuexperimentieren:
background-image:url(../images1/button_line_geld.png); background-position:0px 25px;}
Grüße aus Berlin
Christoph S.
-
Hallo zusammen,
Hallo.
Baue grad eine menu, und kann nicht den Text von einzelnen Buttons in der Mitte schieben(vertikal gesehen).
padding-top verschiebt den Text mit dem Background, der aber auf der gleichen Stelle weiter bleiben soll.Abgesehen von dem, was Christoph schon sagte: auch die Position vom Text kann man beeinflussen. Um ihn vertikal mittig zu positionieren, kann man manchmal mit einer anderen Zeilenhöhe zum Ziel kommen.
Manchmal kommt man auch zum Ziel, wenn man nicht dem Link sondern dem umgebenden Element einen Hintergrund verpasst.
Dein Problem ist jedenfalls mit Sicherheit zu lösen. Musst einfach ein bißchen rumprobieren.
Viele Grüße,
Marc.