প্রশ্ন ট্যাগ «css»

যখন আমি টাইপ শেষ নম্বর এ, প্রথম সংখ্যা ভিতরে যায় text-box(এটা disappears), এটা এক অতিরিক্ত স্থান যোগ হচ্ছে। আমি বাহিরের বাইরে ক্লিক করার পরে text-boxএটি শেষ দেখায় যা শেষ চরিত্রটি টাইপ করার সময় আমার প্রয়োজন। #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, …

14 javascript  jquery  html  css 

আমি এইচটিএমএল টেবিলের উপর কাজ করছি html-to-paperএবং vue.js ব্যবহার করে সেই টেবিলটি প্রিন্টারে মুদ্রণ করছি, আমি যা করছি তা একটি নতুন সারি তৈরি করার জন্য ক্লিক করা হয় এবং তারপরে মুদ্রণের ক্লিকের উপর আমি টেবিলটি মুদ্রণের চেষ্টা করছি তবে এটি গ্রহণ করছে না যে কোনও ডেটা কেবল খালি ঘর দেখায় …

14 javascript  css  vue.js  printing  vuejs2 

Chrome ব্রাউজার স্বতঃপূর্ণ মুছে প্রভাব background-colorএবং background-imageথেকে Usernameএবং Passwordইনপুট ক্ষেত্রে। স্বতঃসিদ্ধ হওয়ার আগে স্বতঃসিদ্ধ হওয়ার পরে তবে ক্রোম ব্রাউজারটি স্বয়ংক্রিয়ভাবে আমার আইকনগুলি ইনপুটগুলি থেকে আড়াল করে এবং আমার পরিবর্তন করে background-color। সুতরাং আমার আইকনগুলি যেমন হয় তেমন ইনপুটগুলিতে থাকা দরকার। ক্ষেত্রগুলির ব্যাকগ্রাউন্ডের রঙ পরিবর্তন এবং চিত্রগুলি লুকানো থেকে ক্রোম ব্রাউজারকে …

13 javascript  html  css  google-chrome 

নিম্নলিখিত উদাহরণে, আপনি যখন লেবেলে ক্লিক করেন, ইনপুট স্থিতি পরিবর্তন করে। document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> রান কোড স্নিপেটফলাফলগুলি লুকানস্নিপেট প্রসারিত করুন ক্রোম, যখন আপনি মধ্যে কার্সার সরানোর সালে mousedownএবং mouseup, ঘটনা ইনপুট …

13 javascript  html  css  label 

ইস্যু মত নির্দিষ্ট অক্ষর মনে করা হয় g, y, q, ইত্যাদি একটি পুচ্ছ যে ঢালে নীচের দিকে, উলম্ব কেঁদ্রীকরণ জন্য অনুমতি দেয় না আছে। সমস্যাটি প্রদর্শনের জন্য এখানে একটি চিত্র । সবুজ বাক্সের অক্ষরগুলি মূলত নিখুঁত, কারণ তাদের নীচের দিকে কোনও লেজ নেই। লাল বাক্সে থাকা তারা সমস্যাটি দেখায়। আমি …

12 javascript  html  css  vertical-alignment 

দয়া করে নীচের স্নিপেটটি চেষ্টা করে চালান, তারপরে বক্সে ক্লিক করুন। const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => { box.style.transition = 'none' box.style.transform = '' resolve('Transition complete') }, 2000) }).then(() => { box.style.transition = '' }) } …

11 javascript  css  promise  settimeout 

ছবিতে যেমন চিত্রটি দেখানো হয়েছে তেমনভাবে পৃষ্ঠায় ফিট করতে টেবিলটি তৈরি করার জন্য আমি অনেকগুলি উপায় চেষ্টা করেছি: আমি অনেক অনুসন্ধান করেছি কিন্তু ওয়েবে দরকারী কিছু খুঁজে পেলাম না। আমি গতিশীল টেবিল ব্যবহার করছি, টেবিলের প্রস্থতা বাদে সবকিছু ঠিক আছে। এখানে আমার কোড: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" …

11 php  html  css  tcpdf 

আমি অন্যান্য মোবাইল চ্যাটিং অ্যাপগুলির নকল করার চেষ্টা করছি যেখানে আপনি send-messageপাঠ্যবক্সটি নির্বাচন করেন এবং এটি ভার্চুয়াল কীবোর্ডটি খুললে, নীচের দিকের বার্তাটি এখনও দেখা যায়। সিএসএসের সাথে আশ্চর্যরূপে এটি করার কোনও উপায় বলে মনে হচ্ছে না, তাই জাভাস্ক্রিপ্ট resize(কীবোর্ডটি খোলা এবং স্পষ্টভাবে বন্ধ হয়ে গেলে এটি সন্ধানের একমাত্র উপায়) ইভেন্টগুলি …

10 javascript  android  html  css  reactjs 

আমি গতকাল একটি অনুরূপ প্রশ্ন জিজ্ঞাসা করেছি কিন্তু এটি খারাপভাবে ব্যাখ্যা করেছি, এবং খাঁটি সিএসএস সমাধানের জন্য আমার আকাঙ্ক্ষা নির্দিষ্ট করেছিলাম না, যা আমি মনে করি এটি সম্ভব হওয়া উচিত, তাই আমি আবার চেষ্টা করছি। মূলত, আমার একটি সমস্যা রয়েছে যেখানে আমার স্ক্রোলযোগ্য বার্তাগুলির একটি ডিভ এবং এর নীচে একটি …

10 javascript  html  css  scroll  scrollbar 

আমি একটি একক পৃষ্ঠার ওয়েব অ্যাপে কাজ করছি, এটি সাধারণত মোবাইল ডিভাইসে ব্যবহৃত হবে। এর বৈশিষ্ট্যগুলির মধ্যে একটি হ'ল মানচিত্র মোড, যা অস্থায়ীভাবে পুরো ব্রাউজার উইন্ডোটির উপরে নিয়ে যায়; একটি দূরত্ব স্কেল এবং কিছু নিয়ন্ত্রণ মানচিত্রের চারটি কোণে সংযুক্ত রয়েছে। এখানে মানচিত্রের একটি ছোট স্ক্রিনশট যাতে আপনি বলতে পারেন যে …

10 html  css  mobile-safari  fullscreen 

পৃষ্ঠার পুরো উচ্চতা পূরণ করার জন্য, আমি height: 100%;এইচটিএমএল এবং বডি ট্যাগ ব্যবহার করি এবং কোনও ব্রাউজার বন্ধ হয়ে গেলে এবং পুনরায় খোলা না হওয়া পর্যন্ত এটি কাজ করে। (মোবাইল ডিভাইসগুলির সমস্যার কারণে আমি 100vh ব্যবহার করি না https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-docament-in -সোম-মোবাইল-ব্রাউজারগুলি html ) ধাপ পুনর্গঠন কর: আইফোন-এ গুগল ক্রোমে https://angelika94.github.io/rick/ খুলুন …

10 html  css  height  google-chrome-app 

সমস্যার পটভূমি: আমি কোনও পৃষ্ঠায় কিছু গণিত রেন্ডার করতে কেটেক্স ব্যবহার করছি। আমি তখন সেই পৃষ্ঠার অংশটির একটি পিডিএফ সংস্করণ তৈরি করতে চাই, তাই আমি একটি এইচটিএমএল নথি তৈরি করি যা অংশটি রফতানি করতে পারে যা সমস্ত সিএসএসকে ইনলাইন করে এবং এটি রেন্ডারকে দেয়। রেন্ডারার নোড রিসোর্সগুলি অ্যাক্সেস করতে পারে …

10 javascript  css  webpack  data-uri 

ক্রোম v78.0.3904.70 প্রকাশের পরে, আমি  সিএসএস সম্পত্তি ব্যবহার করে সমস্যাগুলি দেখছি white-space: nowrap;। অ-ব্রেকিং স্পেস মনে হয় একটি লাইন বিরতি সৃষ্টি করেছে। ব্যবহার করার সময় text-overflow: ellipsis, ধারকটির বাইরে ভাঙ্গা হওয়ায় আসল পাঠ্যটি প্রদর্শিত হবে না। পাঠ্যটি প্রদর্শন করতে খুব দীর্ঘ হলে কেবল ঘটবে বলে মনে হয়। .box-inline { max-width: …

10 html  css  google-chrome  whitespace 

আমার কোডের একটি সামান্য অংশ অনুসরণ করা। "আইফোন" সেলটি কেবল আইফোন থেকে কেন ঝাঁকুনি করছে তা জানতে কেবল অবাক হচ্ছেন। পুনশ্চ. কাঠামোর জন্য আমি কোনও টেবিল বা কোনও তালিকা ব্যবহার করতে পারি না। আমি চেষ্টা করেও চেষ্টা করেছি transform: translate3d(0,0,0);। মূলত আইফোন এবং আইপ্যাডে বাম এবং শীর্ষ উভয়ের জন্যই আমার …

10 html  css 

আমাদের কাছে একটি ই-কমার্স অ্যাপ্লিকেশন রয়েছে যা কোনও ক্রয় হয়ে গেলে অর্ডার বিশদ পাঠায় এবং আমরা কেবলমাত্র ইমেল টেমপ্লেটটি নতুন করে ডিজাইন করেছি। আমরা গত কয়েকদিন ধরে কিছু গ্রাহকের ইমেলের অর্ধেক পাঠ্য অনুপস্থিত থাকার প্রতিবেদন পেয়েছি। শেষ পর্যন্ত স্ক্রিনশট পাওয়ার পরে, আমরা শিখেছি যে আইফোনগুলিতে ডার্ক মোড ব্যবহার করে সমস্যাটি …

10 ios  css  email  gmail  ios-darkmode