PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [HTML/CSS/JS] link mit image in css datei



Polenta
03.06.2011, 15:15
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
03.06.2011, 16:36
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
03.06.2011, 17:02
hi,

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


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


mfg

Tommyzero
18.06.2011, 05:38
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: