फ्लेक्स शीर्षक Drupal होस्टिंग

दूसरी छवि में ऐसा लगता है कि आप छवि बॉक्स को भरने के लिए चाहते हैं, लेकिन उदाहरण आपके द्वारा बनाए पहलू अनुपात (पालतू जानवर सामान्य, पतली या वसा नहीं लग) रखता है।

मैं कोई सुराग नहीं है अगर आप उदाहरण के रूप में उन छवियों को photoshopped या दूसरे से एक है "यह कैसे किया जाना चाहिए" के रूप में अच्छी तरह से (आप आईएस ने कहा है, जबकि पहले उदाहरण आप ने कहा "चाहिए")

वैसे भी, मुझे लगता है के लिए है:

"छवियों पहलू राशन रखने नहीं बदला जाता है" अगर और तुम मुझे एक छवि है जो करता है पिक्सल के पहलू अनुपात रखना दिखाने के लिए, मैं तुम्हें "फसल" क्षेत्र के पहलू अनुपात (के भीतर पूरा करने के लिए कोशिश कर रहे हैं ग्रहण करने के लिए है हरा) छलबल पिक्सल के पहलू अनुपात रखते हुए। अर्थात। आप, छवि के साथ सेल को भरने के लिए विस्तार और चित्र को काटने से चाहते हैं।

फ्लेक्स शीर्षक Drupal होस्टिंग है कोई

अगर यह आपकी समस्या है, कोड आपके द्वारा दी गई प्रतिबिंबित नहीं करता "आपकी समस्या" है, लेकिन अपने शुरू कर उदाहरण।

पिछले दो मान्यताओं, अगर बॉक्स की ऊंचाई गतिशील है, लेकिन पृष्ठभूमि छवियों के साथ आपको क्या चाहिए वास्तविक चित्र के साथ पूरा किया नहीं किया जा सकता को देखते हुए। या तो का उपयोग कर "पृष्ठभूमि का आकार: में" द्वारा या इन तकनीकों (percents कि फसल को सीमित या अधिकतम कहीं भी आकार आप चाहते में स्मार्ट paddings): fofwebdesign.co.uk/template/_testing/scale-img/scale-img.htm

एक ही तरीका है यह हम अपने दूसरे iimage के बारे में भूल जाता है तो छवियों के साथ संभव है, और कोशिकाओं एक निश्चित ऊंचाई है, और सौभाग्य से, अपने नमूना छवियों से पहचानने, ऊंचाई ही रहता है!

इसलिए यदि आपके कंटेनर की ऊंचाई में परिवर्तन नहीं होता है, और आप अपने चित्रों वर्ग रखना चाहते हैं, तो आप सिर्फ के बॉक्स-आकार संपत्ति पर निर्भर करता है, कि ज्ञात मूल्य के लिए छवियों (ऋण paddings या सीमाओं की अधिकतम ऊंचाई सेट करने के लिए कोशिकाओं)

आपका कोड अमान्य है (खोलने टैग लोगों को बंद करने के बजाय हैं, इसलिए वे उत्पादन नेस्ट कोशिकाओं, नहीं भाई बहन, वह अपनी छवियों का एक स्क्रीनशॉट दोषपूर्ण कोड के अंदर इस्तेमाल किया, और फ्लेक्स बॉक्स एक कॉलम में कोशिकाओं लेकिन दोनों उदाहरण पकड़े नहीं है ( आप सेटअप "पंक्ति" लेकिन भ्रष्ट कोड एक दूसरे के अंदर सेल घोंसला बनाने से एक फ्लेक्स के अंदर एक फ्लेक्स में हुई, अंत में कॉलम के रूप में काम कर रहे। मुझे नहीं पता कि क्या आप पूरा करना चाहते थे, और कैसे आप उस कोड के साथ आया है, लेकिन मैं अनुमान लगा हूँ आप क्या चाहते हैं यह है।

इसलिए छवि केंद्रित हो जाता है, कोशिकाओं को भी फ्लेक्स (मुझे लगता है कि प्रदर्शन: यह सब मार्कअप के साथ साथ ही तालिका यहां इस्तेमाल किया जा सकता था) मैं प्रदर्शन जोड़ा

जैसे आप कैसे सवाल मेरे द्वारा उत्तर दिया गया की थोड़ी सी भी सुराग है यह प्रतीत नहीं होता। सभी एचटीएमएल और उस jsfiddle में सीएसएस क्या प्रश्नकर्ता (@confile) प्रदान की गई है है। बस सवाल पढ़ सकते हैं और आपको लगता है कि देखते हैं। मेरे समाधान सीएसएस img में से एक सरल रेखा है और प्रश्नकर्ता मेरा उत्तर स्वीकार कर लिया है साल एक साल पहले के रूप में यह समाधान है कि के लिए कहा गया था प्रदान करता है। काश तुम यहाँ सबसे अच्छा सब, सही ढंग से, धन्यवाद प्रश्नों को पढ़ने और फिर भविष्य में तदनुसार जवाब देने के लिए प्रयास करें। - ओमेगा जुलाई 21:16 पर 27 '15

फ्लेक्स शीर्षक Drupal बॉक्स होस्टिंग, लेकिन

तुम बहुत नया और सरल CSS4 सुविधा की कोशिश करना चाहते हो सकता है:

यह (जब आप पृष्ठभूमि चित्र चाल का उपयोग के रूप में) चित्र अनुपात को बरकरार रखता है, और मेरे मामले में एक ही मुद्दे के लिए अच्छी तरह से काम किया।

इस वीडियो को देखें!

संबंधित आलेख

बेस्ट रोबोट Drupal होस्टिंग के लिए TXTहर दिन, लाखों लोगों को चित्रों, उत्पाद, और लोगों को खोजने के लिए गूगल इमेज सर्च का उपयोग करें। आप Drupal का उपयोग कर रहे हैं, तो संभावना है कि आप इस यातायात के किसी भी नहीं मिल रहे हैं कर रहे हैं। Drupal की robots.txt ...
मल्टी साइटों Drupal होस्टिंगआप एक से अधिक Drupal साइट द्वारा चलाए जा रहे हैं, तो आप प्रबंधन को सरल कर सकते हैं और बहु ​​साइट सुविधा का उपयोग करके अपनी साइटों उन्नयन कर सकते हैं। मल्टी साइट से आप एक ही Drupal साझा करने के लिए अनुमति देता है ...
Faceted खोज API Drupal होस्टिंगसुसंगति अंतिम ज्ञात संगत संस्करणों पहलुओं अल्फा 9 युक्त खोज एपीआई स्थिर 1.x हैं। पहलू मॉड्यूल साइट बिल्डरों आसानी से बना सकते हैं और faceted खोज इंटरफेस का प्रबंधन करने की अनुमति देता है। में ...
कॉपी रोकथाम Drupal होस्टिंगकिसी और को कॉपी और बचाने / फिर से उपयोग करने के लिए कुछ भी आप इंटरनेट (सार्वजनिक पृष्ठों) में वहाँ बाहर डाल उपलब्ध है। तो अगर आप वास्तव में अपनी सामग्री को सुरक्षित और संरक्षित होना चाहता हूँ - यह डाल नहीं है ...
देखें खोज मॉड्यूल Drupal होस्टिंगहैलो, और DrupalModules.com में आपका स्वागत है, एक समुदाय संचालित रेटिंग और समीक्षा के सेवा आप अपनी परियोजना के लिए सबसे अच्छा Drupal मॉड्यूल ढूंढने में सहायता करने के लिए समर्पित! सही Drupal खोजने की आवश्यकता है ...