mit Hintergrundbild für li

Ich verwende ein Hintergrundbild für eine <li>, die als eine Schaltfläche verwendet wird, aber es wird nicht vollständig angezeigt; Wenn Sie jedoch Text schreiben, wird es angezeigt. Ich möchte nicht Text geschrieben werden, es ist bereits auf Hintergrundbild gedruckt. Ich kann keine Breite einstellen - wie kann ich das beheben?mit Hintergrundbild für li

#footernav li#footerlocation 
{ 
    display: inline; 
    padding-right: 20px; 
    background-image: url(../images/ourlocation.jpg); 
    background-repeat: no-repeat; 
    background-position: 0 -.2em; 
}

Quelle

2009-03-14 Yasir

Ihr Problem besteht darin, die Anzeige auf Inline einzustellen. Wenn Sie Hintergrund und Breite möchten, aber auch eine Inline-Liste benötigen, setzen Sie float: left.

Quelle

2009-03-14 21:22:04

Danke, aber irgendwo sah ich sie den Text zu tausend Pixel einrücken zu verschwinden, trotzdem ich ur sugestion und seine Arbeiten nun folgen. – Yasir

Sie können immer noch den Text einrücken - der hat eigentlich nichts mit dem Layout zu tun. Das Problem besteht darin, dass wenn Sie die Anzeige für ein Element auf Blockebene auf Inline einstellen, wird es natürlich auf die erforderliche Mindestbreite verkleinert. Wenn also ein Element keinen Text enthält, wird die Breite auf Null gesetzt. –

stellen Sie die Breite und Höhe für das Bild

Quelle

2009-03-14 21:25:01 Sruly

einen Blick auf das folgende Beispiel nehmen:

ul#footernav li { 
     display:inline; 
     } 
    ul#footernav li a{ 
     display:block; 
     width:155px; 
     text-indent:-9999px; 
     } 
    ul#footernav li.footerlocation a{ 
     height:30px ; 
     background: url('images/image.jpg') bottom left no-repeat; 
     } 
    ul#footernav li.footerlocation a:hover{ 
     height:30px ; 
     background: url(images/image.jpg) top left no-repeat; 
     }

Quelle

2009-03-16 03:00:37 superUntitled

Dank SuperUnittitel das ist, was ich diese Zeit tun möchte, muss das nächste Mal dieses verwenden. – Yasir

Ja ich das gleiche Problem haben, ich CSS nur entfernt Stil display: inline und fügen display: list-item; float:left; mein Problem gelöst , hoffe das hilft.

Danke, Sankar B

Quelle

2010-01-25 11:30:20 meetsankar

mit Hintergrundbild für li

Antwort

Verwandte Themen