link mit image in css datei

[Polenta]

Hallo,

ich habe folgendes problem:

in meinen VMS menu´s links und rechts weden die links in einen kleinen
kasten gepackt (siehe bild)

http://www.vms1.de/thumbs/menunrc.png (http://www.vms1.de/?img=menunrc.png)

gesteuert wird es durch folgenden code in der CSS:


.navi a { /*<a></a>*/
margin:auto;
display: block;
line-height:18px;
width: 127px;
background-image: url(../images/navivert-button.png);
background-repeat:no-repeat;
height:20px;
text-decoration:none;
}

.navi li{ /*<li></li>*/
padding-top:1px;/*Abstand zwischen den Navileisten*/
}

.navi ul{ /*<ul></ul>*/
}

.navi a:hover {
background-position: 0 -20px;
}

wenn ich jetzt buttons ins menu einfüge, sieht das echt blöd aus (siehe bild oben)

kann mann das irgendwie so abändern das die links mit Image diesen rahmen
nicht bekommen?

thx schon mal für die hilfe

[jpwfour]

Evtl. die fixe Höhe weglassen:

height:20px;
damit der Rahmen komplett um den Button geht.

Ansonsten kannst du solchen Links ja auch eine andere "class" verpassen, in der du den Rahmen weglässt.

[Polenta]

hi,

fuktioniert leider nicht, da der kasten um die links ne Hintergrund grafik ist.


background-image: url(../images/navivert-button.png);


mfg

[Tommyzero]

Also wenn der rahmen graphisch ist den könntest höchsten den rahmen ausradieren und den stört er auch nicht mehr oder den button anpassen auf rahmen größe.

Wenn der rahmen aus der css kommt was jetzt nicht so aus dein code rauslesen konnte, dann müsste man am besten rahmen oben ,mitte und unten setzen so müsste der rahmen eigendlich um den button rum gehen.

Hoffe es hilft dir einiger maßen weiter wenn auch spät :redface: