<ul> থেকে বুলেট পয়েন্টগুলি থেকে মুক্তি পাওয়া


163

আমার নিম্নলিখিত তালিকা রয়েছে:

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

আমি বুলেটগুলি মুক্তি দিতে চাই যাতে আমি চেষ্টা করেছি:

 ul#otis {
 list-style-type: none;
 }

যদিও এটি কাজ করে না। প্রদর্শিত তালিকা থেকে বুলেটগুলি সরানোর উপযুক্ত উপায় কী?


1
আপনার বর্তমান এইচটিএমএল / সিএসএস এফএফ (জেএসফিডাল) এ আমার জন্য ভাল কাজ করে। আপনি কোন ব্রাউজার ব্যবহার করছেন? যদি দেখুন list-style: noneকাজ পরিবর্তে।
বোজাঙ্গলেস

1
আমি এটি সমস্ত ব্রাউজার এবং ম্যাক এবং উইন্ডোজ ওএসে চেষ্টা করেছি। আমি এইচটিএমএল 5 ডক্টিপ ব্যবহার করছি ...
সাম খান

উত্তর:


197

ধরে নেই যে এটি কার্যকর হয়নি, আপনি উপাদানগুলিতে সিএসএস প্রয়োগের জন্য বেস idভিত্তিক নির্বাচককে একত্রিত করতে চাইতে পারেন :lili

#otis li {
    list-style-type: none;
}

রেফারেন্স:


করার পার্থক্য কী ul#otisএবং #otis?
PeeHaa

বাস্তবে এমন একটি নেই, আমি, হুম, idআপনি যে নির্বাচকটি ব্যবহার করেছেন তা দেখতে সম্পূর্ণ ব্যর্থ । ওহো দুঃখিত!
ডেভিড বলেছেন মনিকা

1
সেই লিঙ্কটিতে আমি কোথায় এটি জানতে পারি যে এটির সংজ্ঞা দেওয়া দরকার li?
PeeHaa

প্রথম দুই বাক্য: " list-style-typeএকটি তালিকা আইটেমের উপাদান সিএসএস সম্পত্তি নির্দিষ্ট করে চেহারা এটা হিসাবে শুধুমাত্র এক যারা ডিফল্ট। display:list-item" (যদিও এটি এটি অনুমতি দেয় পারেন একটি সঙ্গে কোনো উপাদান প্রযোজ্য displayসম্পত্তি)। যদিও তারা এটিকে সংজ্ঞায়িত করে, উদাহরণস্বরূপ, olউপাদানটির অধীনে । ব্যক্তিগতভাবে আমি সবসময় উভয় তালিকা (জন্য এটি সংজ্ঞায়িত ডিফল্ট ul/ ol) এবংli উপাদান।
ডেভিড বলছেন মনিকা

27

স্ক্রিপ্টটি আমার স্টাইলশীটের কোনও নোটিশ নেয় নি বলে আমার নিজেও একই রকম চরম বিরক্তিকর সমস্যা হয়েছিল। সুতরাং আমি লিখেছি:

<ul style="list-style-type: none;">

কাজ হয়নি। সুতরাং, উপরন্তু , আমি লিখেছি:

<li style="list-style-type: none;">

ভাল খবর! এটা কাজ করেছে!


20

অর্ডারযুক্ত তালিকা থেকে বুলেট পয়েন্টগুলি সরাতে, আপনি এটি ব্যবহার করতে পারেন:

list-style: none;

আপনি এটি ব্যবহার করতে পারেন:

list-style-type: none;

হয় কাজ করে তবে প্রথমটি একই ফলাফল পাওয়ার জন্য একটি ছোট উপায় way




4

রাখুন

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

তাত্ক্ষণিকভাবে তালিকাটি পরীক্ষা করার জন্য। অথবা

<ul style="list-style-type: none;">

4

আপনার কাছ থেকে বুলেট সরাতে ULসহজভাবে ব্যবহার করতে পারেন list-style: none;বা list-style-type: none;যদি এখনও কাজ না করে তবে অনুমান করি সিএসএসের অগ্রাধিকারের একটি সমস্যা আছে । ইতিমধ্যে বিশ্বব্যাপী উল বর্ণিত হতে পারে। সুতরাং সর্বোত্তম উপায়ে নির্দিষ্ট শ্রেণিতে একটি শ্রেণি / আইডি যুক্ত করুন এবং আপনার সিএসএস যুক্ত করুন । আশা করি এটি কার্যকর হবে।


4

এটি পুরোপুরি এইচটিএমএল কাজ করেছে

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

সিএসএস

#top-list{
  list-style-type: none;
  list-style: none;}

3

আরও কিছু থাকতে হবে।

কারণ:

   ul#otis {
     list-style-type: none;
   }

শুধু কাজ করা উচিত।

সম্ভবত কিছু সিএসএস বিধি রয়েছে যা এটি ওভাররাইট করে।

এটি জানতে আপনার ডিওএম ইন্সপেক্টর ব্যবহার করুন।


3

আমারও একই সমস্যা ছিল এবং আমি যেভাবে ফিক্সিং শেষ করেছি তা হ'ল:

ul, li{
    list-style:none;
    list-style-type:none;
}

হতে পারে এটি কিছুটা চরম, তবে আমি যখন এটি করেছি, এটি আমার পক্ষে কাজ করেছিল।


আশা করি এটি সাহায্য করেছে


3

ইনলাইন স্টাইল শীটের জন্য এই কোডটি ব্যবহার করে দেখুন

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

1

তোমার গোপন সংকেত:

ul#otis {
    list-style-type: none;
}

আমার পরামর্শ:

#otis {
    list-style-type: none;

}

CSS আপনি শুধুমাত্র ব্যবহার করার প্রয়োজন #idনা element#id। আরও সহায়ক ইঙ্গিত এখানে সরবরাহ করা হয়: w3 স্কুল


0

আমার অভিন্ন সমস্যা ছিল

সমাধানটি হ'ল বুলেটটি ব্যাকগ্রাউন্ড চিত্রের মাধ্যমে যুক্ত হয়েছিল , তালিকা-শৈলীর ধরণের মাধ্যমে নয়। একটি দ্রুত 'পটভূমি: কিছুই নয়' এবং বব আপনার চাচা!

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.