jquery मोबाइल हेडर

में छवि मैं अपने jQuery मोबाइल आधारित वेब पेज के शीर्षलेख में एक छवि जोड़ने की कोशिश कर रहा हूं। मैं चाहता हूं कि छवि को दाएं किनारे पर गठबंधन किया जाए और इस उद्देश्य के लिए सीएसएस का उपयोग किया जाए। लेकिन परिणाम संतोषजनक नहीं हैं। छवि और किनारे के बीच एक बड़ा अंतर है और यह हेडर टेक्स्ट के साथ भी गठबंधन नहीं है। यहाँ हैडर कोड है:jquery मोबाइल हेडर

<header data-role='header'><h1>My App<img src="my_logo.png" alt="Low resolution logo"class="align-right"/></h1></header>

और यहाँ वर्ग संरेखित-अधिकार के लिए सीएसएस कोड है:

.align-right 
    { 
float:right; 
margin-right: 5px; 


    }

स्रोत

2012-03-15 user1107888

कुछ इस तरह काम करना चाहिए:

<head> 
    <style> 
    body{ margin: 0; } 
    .align-right{ float:right; margin-right: 0px;} 
    </style> 
</head> 
<body> 
<div data-role='header'><h1>My App<img src="my_logo.png" alt="Low resolution logo"class="align-right"/></h1></div> 
</body>

स्रोत

2012-03-15 15:15:28 greatwitenorth

यह विधि भी काम नहीं करती है – user1107888

अपने कोड के आधार पर उदाहरण के लिए, आपको alt विशेषता और class विशेषता के बीच एक स्थान की आवश्यकता है।

आपके पास:

alt="Low resolution logo"class="align-right"

होना चाहिए:

alt="Low resolution logo" class="align-right"

इसके अलावा, यह शायद अपनी <h1> तत्व के अंदर <img /> टैग नहीं करने के लिए बेहतर है। कस्टम हेडर पर बाहर अधिक जानकारी के लिए डॉक्स

की जांच: http://jquerymobile.com/test/docs/toolbars/docs-headers.html

स्रोत

2012-03-15 15:24:02 shanabus

कस्टम स्टाइल या इस तरह के जोड़ने के लिए कोई ज़रूरत नहीं। Jquery-Mobile के पास पहले से ही इसके लिए अंतर्निहित समाधान हैं। अपनी छवि में बस 'ui-btn-left' या 'ui-btn-right' श्रेणी जोड़ें (जैसे कि यह एक बटन था) और आप सभी सेट हैं।

<header data-role="header"> 
<h1>My App</h1> 
<img src="my_logo.png" class="ui-btn-right" /> 
</header>

मैं जानता हूँ कि सवाल से पहले जिस तरह से कहा गया है, लेकिन मैं यह जो अभी भी समाधान के लिए देख रहे हैं उन मदद कर सकता है सोचा। इसके अलावा, प्रश्न उत्तर के रूप में सेट नहीं किया गया था।

स्रोत

2012-10-08 13:31:28

jquery मोबाइल हेडर

उत्तर

संबंधित मुद्दे