প্রোগ্রামিং css

5

কিভাবে উল্লম্বভাবে একটি পরিসীমা ইনপুট স্লাইডার প্রদর্শিত হবে

আমি <input type="range" />উল্লম্বভাবে একটি স্লাইডার নিয়ন্ত্রণ প্রদর্শন করতে চাই । আমি কেবল ব্রাউজারগুলির সাথেই উদ্বিগ্ন যা রেঞ্জ স্লাইডার নিয়ন্ত্রণকে সমর্থন করে। আমি কিছু মন্তব্য এবং রেফারেন্স পেয়েছি যা দেখে মনে হয় যে প্রস্থের চেয়ে বেশি উচ্চতা নির্ধারণের ফলে ব্রাউজারটি স্বয়ংক্রিয়ভাবে ওরিয়েন্টেশন পরিবর্তন করতে পারে তবে আমার পরীক্ষায় দেখা গেছে …

91 html css

7

ডিফল্ট তালিকা স্টাইলিং (সিএসএস) কী?

আমার ওয়েবসাইটে আমি রিসেট.এসএস ব্যবহার করি। এটি শৈলীর তালিকায় ঠিক এটি যুক্ত করে: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, …

91 html css html-lists

1

একটি CSS `url () in এ একটি` ~ `টিল্ড কী করে?

যেমন @import url("~./foobar"); এটি এখানে দেখেছি , নিশ্চিত না যে এটি কোনও প্যাকেজ নির্দিষ্ট জিনিস কিনা বা এটি আসল সিএসএস সিনট্যাক্স কিনা।

91 css webpack webpack-style-loader

3

ফ্লেক্স / গ্রিড লেআউটগুলি বোতাম বা ফিল্ডসেট উপাদানগুলিতে কাজ করছে না

আমি <button>ফ্লেক্সবক্সের সাহায্যে একটি- ট্যাগের অভ্যন্তরীণ উপাদানগুলি কেন্দ্র করার চেষ্টা করছি justify-content: center। তবে সাফারি এগুলিকে কেন্দ্র করে না। আমি অন্য যে কোনও <p>ট্যাগে একই স্টাইলটি প্রয়োগ করতে পারি এবং এটি ইচ্ছাকৃতভাবে কাজ করে ( দস্তাবেজটি দেখুন)। কেবল বোতামটি বাম-সারিবদ্ধ হয়। ফায়ারফক্স বা ক্রোম ব্যবহার করে দেখুন এবং পার্থক্যটি দেখতে …

91 html css safari flexbox css-grid

8

হোভারের পরে মাউসে কীভাবে কোনও অ্যানিমেশন বিপরীত করা যায়

সুতরাং, মাউসগুলিতে বিপরীত অ্যানিমেশন থাকা যেমন সম্ভব: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } তবে, @keyframes অ্যানিমেশনটি ব্যবহার করার সময়, আমি এটি কাজ করতে পারি না, যেমন: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} …

91 css animation

3

নোড-স্যাস (রুবি নেই) দিয়ে স্যাস / এসএসএসকে সিএসএসে কীভাবে সংকলন বা রূপান্তর করবেন?

আমি লিবাস স্থাপনের সাথে লড়াই করে যাচ্ছিলাম কারণ এটি রুবি ভিত্তিক ট্রান্সপ্লেলারের মতো সোজা-এগিয়ে ছিল না। কীভাবে কেউ ব্যাখ্যা করতে পারেন: লিবাস ইনস্টল করবেন? কমান্ড লাইন থেকে এটি ব্যবহার করবেন? গুল্প এবং গ্রান্টের মতো টাস্ক রানারদের সাথে এটি ব্যবহার করবেন? প্যাকেজ পরিচালকদের সাথে আমার খুব কম অভিজ্ঞতা আছে এবং টাস্ক …

91 css sass gulp-sass node-sass libsass

11

জাভাস্ক্রিপ্ট ব্যবহার করে ইনলাইন স্টাইল যুক্ত করুন

আমি এই কোডটি একটি গতিশীলভাবে তৈরি ডিভ উপাদানটিতে যুক্ত করার চেষ্টা করছি style = "width:330px;float:left;" যা কোড তৈরি করে গতিশীল divহয় var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; আমার ধারণাটি পরে শৈলী যুক্ত করা হয় < div class="well"তবে আমি কীভাবে এটি করব তা …

91 javascript css innerhtml

6

কীভাবে কোনও ফ্লেক্স ধারককে কেন্দ্র করতে হয় তবে ফ্লেক্স আইটেমগুলি বাম-সারিবদ্ধ করে

আমি চাই ফ্লেক্স আইটেমগুলি কেন্দ্রিক হোক তবে যখন আমাদের কাছে দ্বিতীয় লাইন থাকে তখন 5 এর নিচে (নীচের চিত্র থেকে) থাকে এবং পিতামাতার কেন্দ্রিক না হয়। আমার যা আছে তার উদাহরণ এখানে: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: …

91 html css flexbox

6

আইওএস ইনপুট ছায়া সরান

আইওএসে (সাফারি 5) ইনপুট উপাদানগুলির (শীর্ষের অভ্যন্তরীণ ছায়া) জন্য আমাকে অনুসরণ করতে হবে: আমি শীর্ষ ছায়াটি সরাতে চাই, বাগ -webkit-appearanceসংরক্ষণ করতে পারে না। বর্তমান শৈলীটি হ'ল: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; }

91 ios css input

10

একটি নমনীয় পাত্রে সমান উচ্চতার সারি

আপনি দেখতে পাচ্ছেন, list-itemsপ্রথমটির মধ্যে rowএকই রকম রয়েছে height। তবে দ্বিতীয় আইটেমের rowআলাদা আছে heights। আমি চাই সমস্ত আইটেমের ইউনিফর্ম থাকে height। স্থির-উচ্চতা না দিয়ে এবং কেবল ফ্লেক্সবক্স ব্যবহার না করে এটি অর্জনের কোনও উপায় আছে কি ? এখানে আমার code .list { display: flex; flex-wrap: wrap; max-width: 500px; } …

91 html css flexbox

7

<হেড> এ উপাদানগুলি অর্ডার করার জন্য সেরা অনুশীলনগুলি কী কী?

কোন ক্রমে কিছু ব্যবহার করতে পারেন? স্থাপন করা <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">আগে গুরুত্বপূর্ণ<title> এটি সবচেয়ে বেশি ব্যবহৃত হয়, এটি কি সেরা উপায়? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Title Goes Here</title> <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"> <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script …

91 html css xhtml w3c

12

TypeError: $ (…) .ডাটা টেবিল কোনও ফাংশন নয়

আমি এই লিঙ্কটি থেকে আমার প্রকল্পের জন্য jQuery এর ডেটাটেবল জেএসের সাথে কাজ করার চেষ্টা করছি । আমি একই উত্স থেকে সম্পূর্ণ গ্রন্থাগারটি ডাউনলোড করেছি। প্যাকেজে প্রদত্ত সমস্ত উদাহরণগুলি দুর্দান্ত কাজ করে বলে মনে হচ্ছে, তবে আমি যখন এগুলি আমার মধ্যে অন্তর্ভুক্ত করার চেষ্টা করি WebFormsতখন সিএসএস, জেএস মোটেও কাজ …

91 javascript jquery css asp.net datatables

6

কোনও পৃষ্ঠা জাভাস্ক্রিপ্ট সমর্থন ছাড়াই লোড হয়ে গেলে পাঠ্য বাক্সে কার্সার (অটো ফোকাস) কীভাবে রাখবেন?

আমার কয়েকটি পাঠ্য ক্ষেত্র সহ একটি ফর্ম রয়েছে এবং পৃষ্ঠাটি লোড হয়ে যাওয়ার পরে আমি ফর্মের প্রথম পাঠ্য ক্ষেত্রে কার্সার (স্বয়ংক্রিয় ফোকাস) রাখতে চাই। আমি জাভাস্ক্রিপ্ট ব্যবহার না করে এটি করতে চাই।

91 css html

8

সিএসএস ব্যাকগ্রাউন্ড চিত্রের জন্য কি কোনও srcset সমতুল্য রয়েছে?

imgsrcsetবৈশিষ্ট্য সহ প্রতিক্রিয়াশীল ইমেজ করার দুর্দান্ত উপায় মত দেখাচ্ছে। সিএসএস background-imageসম্পত্তিতে কাজ করে এমন একটি সমতুল্য বাক্য গঠন আছে কি ? এইচটিএমএল <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> সিএসএস .mycontainer { background: url(?something goes here?); }

91 html css background-image srcset

2

আপনি তালিকাভুক্ত তালিকা নম্বর শৈলী করতে পারেন?

আমি একটি আদেশযুক্ত তালিকায় নম্বরগুলি স্টাইল করার চেষ্টা করছি, আমি ব্যাকগ্রাউন্ড-রঙ, সীমানা-ব্যাসার্ধ এবং রঙ যুক্ত করতে চাই যাতে তারা যে নকশায় কাজ করছি তার সাথে মেলে: আমার ধারণা এটি সম্ভব নয় এবং আমাকে প্রতিটি সংখ্যার জন্য আলাদা চিত্র ব্যবহার করতে হবে ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... এর চেয়ে …

91 html css html-lists sprite

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