Bild in jquery Mobile Header

8

Ich versuche ein Bild in der Kopfzeile meiner jQuery Mobile basierten Webseite hinzuzufügen. Ich möchte, dass das Bild an der rechten Kante ausgerichtet wird und CSS für diesen Zweck verwendet wird. Aber die Ergebnisse sind nicht befriedigend. Es gibt eine große Lücke zwischen dem Bild und der Kante und es ist auch nicht mit dem Header-Text ausgerichtet. Hier ist der Header-Code:

%Vor%

und hier ist der CSS-Code für die Klasse align-right:

%Vor%     
user1107888 15.03.2012, 14:47
quelle

3 Antworten

26

Sie müssen kein benutzerdefiniertes Styling oder ähnliches hinzufügen. Jquery-Mobile verfügt bereits über integrierte Lösungen dafür. Fügen Sie einfach die Klasse "ui-btn-left" oder "ui-btn-right" zu Ihrem Bild hinzu (als ob es eine Schaltfläche wäre) und Sie sind fertig.

%Vor%

Ich weiß, dass die Frage schon lange gestellt wurde, aber ich dachte mir, dass dies denjenigen helfen könnte, die noch nach Lösungen suchen. Außerdem wurde die Frage nicht als beantwortet gesetzt.

    
Gillian Lo Wong 08.10.2012 13:31
quelle
3

Je nach Codebeispiel benötigen Sie ein Leerzeichen zwischen dem Attribut alt und dem Attribut class .

Sie haben:

%Vor%

Sollte sein:

%Vor%

Außerdem ist es wahrscheinlich besser, das <img /> -Tag nicht innerhalb Ihres <h1> -Elements zu haben.

Weitere Informationen zu benutzerdefinierten Kopfzeilen finden Sie in den Dokumenten: Ссылка

    
shanabus 15.03.2012 15:24
quelle
1

So etwas sollte funktionieren:

%Vor%     
greatwitenorth 15.03.2012 15:15
quelle

Tags und Links