简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Simbol item senarai (<ul> dan <ol>) dalam nod akar tidak boleh dipaparkan dan dialih keluar dalam CSS, dan masalah limpahan-x: tersembunyi tidak boleh dialih keluar.
P粉759451255
P粉759451255 2024-04-04 16:38:22
0
1
3613

Saya sedang mengerjakan halaman web dan saya menghadapi masalah dengan item senarai saya. Titik dan nombor yang biasanya muncul di sebelah setiap item senarai tidak dipaparkan. Selain itu, apabila saya mengalih keluar overflow-x:hidden; dalam sifat CSS saya, nombor dan titik item senarai muncul dengan serta-merta, tetapi teks sentiasa dipaparkan. 

**THIS IS THE HTML**

  <body>
   

        <main>
          <section>
           
              <div>
                <h2 id="getting-started" class="heading-color mt-5">
                  GETTING STARTED
                </h2>
                <p>
                  There are 2 ways to join Fyre Skin Brand Partnership Program.
                </p>
                <ol>
                  <li>
                    Join directly from the Fyre Skin website by clicking the
                    link.
                    <a href="https://brandpartner.fyreskin.com.ng/register"
                      >Register</a
                    >
                  </li>
                  <li>
                    Join using the link of a brand partner that recommended you
                    and they automatically become you Up-line partner and you
                    their Down-line partner.
                  </li>
                </ol>
                <p>
                  If you decide to join, the startup registration is 25,000
                  Naira with a monthly renewal of 10,000 Naira.
                </p>
                <p>Your monthly subscription gives you access to</p>
                <ul>
                  <li>
                    Your own back office dashboard were you can see your
                    commission, payments, pending payments, bonuses, sales made
                    using your link, clients who bought using your link, team
                    members profile, team members sales and profit and marketing
                    tools .
                  </li>
                  <li>
                    Your own personalise Fyre Skin website that your potential
                    clients can shop with.
                  </li>
                  <li>
                    Your personalised brand partnership link for potential
                    clients .
                  </li>
                  <li>
                    Your personalised Networking link for building your own
                    team.
                  </li>
                  <li>Growth and development training for personal growth.</li>
                  <li>A community of entrepreneurs that you can learn from.</li>
                </ul>
                <p>
                  <span class="fw-bold">How to get started - </span>For us at
                  Fyre Skin convenience is everything that why we built a
                  website that’s swift and easy to access by both brand partners
                  and clients.
                </p>
                <ol>
                  <li>
                    After signing up and creating an account, login into your
                    back office the click copy
                    <span class="fw-bold">‘default brand partners link’</span>.
                    Share your link on
                    <span class="fw-bold">social platforms</span> that can be
                    visible potential clients.
                  </li>
                  <img src="" />
                 
                <div>
                  <ol>
                    <li>Create a target audience</li>
                    <li>
                      Set a daily goal target that includes number of people and
                      how much he want to make.
                    </li>
                    <li>Set the amount of times he want to work a week.</li>
                    <li>Products and services he want to market (optional)</li>
                  </ol>
                </div>
                <p>Target: 40% male, 60% female</p>
                <p>Goals: 4 people a day, ₦50,000 a day</p>
                <p>Work: 4 times a week</p>
                <p>
                  <span>
                    *lets assume Ade already did his homework by attending our
                    webinars, where he learnt how to market like a pro and he
                    already posted his business links on every social platform
                    and uses his online messaging apps.
                  </span>
                </p>
                <div>
                  <div class="heading-color mt-5">
                    <h5 style="margin-left: 10px">DAY 1</h5>
                  </div>
                  <p>
                    Ade’s target for the day is 4 people and he got 2 men and 2
                    women.
                  </p>
                  <p><span>MEN</span></p>
                  <p>1st man did deep tissue massage and jelly pedicure</p>
                  <p>
                    2nd man never left his house, he just order online 1 ultra
                    shade Creamy gel and 1 Lightening glow milk
                  </p>
                  <p><span>WOMEN</span></p>
                  <p>
                    1st woman did a brightening facials and braided her hair
                  </p>
                  <p>
                    2nd woman did a botanical pedicure and botanical manicure
                  </p>
                  <div>
                    <table
                      class="table table-responsive table-bordered border-dark"
                    >
                      <tr class="th">
                        <th>MEN</th>
                        <th>PRICE</th>
                        <th>WOMEN</th>
                        <th>PRICE</th>
                      </tr>
                      <tr>
                        <td>Deep Tissues massage</td>
                        <td>12,000</td>
                        <td>Brightening facials</td>
                        <td>9,000</td>
                      </tr>
                      <tr>
                        <td>Jelly Pedicure</td>
                        <td>5,000</td>
                        <td>Corn row</td>
                        <td>5,000</td>
                      </tr>
                      <tr>
                        <td>Ultra shade creamy gel</td>
                        <td>5,000</td>
                        <td>Botanical pedicure</td>
                        <td>5,000</td>
                      </tr>
                      <tr>
                        <td>Lightening glow milk</td>
                        <td>10,000</td>
                        <td>Botanical manicure</td>
                        <td>3,000</td>
                      </tr>
                      <tr>
                        <td>TOTAL</td>
                        <td>32,000</td>
                        <td>TOTAL</td>
                        <td>22,000</td>
                      </tr>
                    </table>
              <div class="heading-color "><h5 class="total">OVERALL TOTAL =54,000</h5></div>
            </div>
          </div>
          <div>
                  <div class="heading-color mt-5">
                    <h5 style="margin-left: 10px">DAY 2</h5>
                  </div>
                  <p>Ade repeated same target as day 1.</p>
                  <p>
                    4 people but this time his message only attracted 4 women
                    who just wanted to do the best friends package and relax
                    themselves.
                  </p>
                  <p><span>WOMEN</span></p>
                  <p>2 best-friends package comprises of 3 services each -</p>
                  <p>
                    deep cleansing facials, Swedish massage and botanical
                    pedicure
                  </p>
                  <div>
                    <table
                      class="table table-responsive table-bordered border-dark"
                    >
                      <tr class="th">
                        <th>WOMEN</th>
                        <th>PRICE</th>
                      </tr>
                      <tr>
                        <td>Best friend package</td>
                        <td>42,000</td>
                      </tr>
                      <tr>
                        <td>Best friend package</td>
                        <td>42,000</td>
                      </tr>
                    </table>
                    <div class="heading-color">
                      <h5 class="total"  >OVERALL TOTAL =84,000</h5>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="heading-color mt-5">
                    <h5 style="margin-left: 10px">DAY 3</h5>
                  </div>
                  <p>
                    Same target, same goal. 4 people. Repeated strategy brings
                    repeated results
                  </p>
              
  </body>
</html>
MY CSS
 @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); 

  /* Custom color variables */
  *{
    box-sizing: border-box;
    
   
  }
  body{
    overflow-x: hidden;
  }
:root {
  --primary: #e67e22;
  --secondary: #16a085;
  --success: #2ecc71;
  --danger: #e74c3c;
  --warning: #F0FF42;
  --info: #3498db;
  --light: #f5f5f5;
  --dark: #2c3e50;
 
}

.container
{
  font-weight: 400;


}

img{
  width: auto;
  border-radius: 1rem;
}
a{
  font-family: 'Roboto', sans-serif;
}
p{
  text-align: left;
}
button {
  height: 50px;

  
}
.header{
  margin-left: 50px;
 
}
.sidebar{
  background-color: #F0FF42;
}
.heading-color{
  background-color: #F0FF42;
}
span{
  font-weight: bold;
}
.th{
  background-color: #F0FF42;
}
li{
  font-weight: 600;
}
td{
  font-weight: 600;}

.total{
  text-align: center;
}

  @media (max-width : 450px){
  .container{
    width: 375px;
    margin: 2rem auto;
  }
  
}

Saya mencuba beberapa penyelesaian, seperti menggunakan pemilih CSS yang berbeza untuk menyasarkan item senarai, dan juga cuba mengatasi atribut overflow-x menggunakan overflow-x:visible;. Tetapi ia membuat halaman saya melimpah. Saya juga menyemak mana-mana gaya CSS bercanggah lain yang mungkin menyebabkan isu itu, tetapi saya tidak menemui apa-apa.

P粉759451255
P粉759451255

membalas semua(1)
P粉418351692
P粉4183516922024-04-05 13:57:53 Tingkat 1

Nombor dan titik item senarai ditunjukkan dalam coretan kod saya.

Cuba ini: 

 @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');  
  /* Custom color variables */
  *{
    box-sizing: border-box;       
  }
  body{
    overflow-x: hidden;
  }
:root {
  --primary: #e67e22;
  --secondary: #16a085;
  --success: #2ecc71;
  --danger: #e74c3c;
  --warning: #F0FF42;
  --info: #3498db;
  --light: #f5f5f5;
  --dark: #2c3e50;
}   
.container
{
  font-weight: 400;        
}    
img{
  width: auto;
  border-radius: 1rem;
}
a{
  font-family: 'Roboto', sans-serif;
}
p{
  text-align: left;
}
button {
  height: 50px;          
}
.header{
  margin-left: 50px;     
}
.sidebar{
  background-color: #F0FF42;
}
.heading-color{
  background-color: #F0FF42;
}
span{
  font-weight: bold;
}
.th{
  background-color: #F0FF42;
}
li{
  font-weight: 600;
}
td{
  font-weight: 600;
}    
.total{
  text-align: center;
}    
  @media (max-width : 450px){
  .container{
    width: 375px;
    margin: 2rem auto;
  }      
}
     
    

      

        

          
GETTING STARTED

          
There are 2 ways to join Fyre Skin Brand Partnership Program.

          
    
            
  1. Join directly from the Fyre Skin website by clicking the link.
              Register
            
    2. 
            
  2. Join using the link of a brand partner that recommended you and they automatically become you Up-line partner and you their Down-line partner.
            
    3. 
          

          
If you decide to join, the startup registration is 25,000 Naira with a monthly renewal of 10,000 Naira.

          
Your monthly subscription gives you access to

          
    
            
  • Your own back office dashboard were you can see your commission, payments, pending payments, bonuses, sales made using your link, clients who bought using your link, team members profile, team members sales and profit and marketing tools.
    • 
            
  • Your own personalise Fyre Skin website that your potential clients can shop with.
    • 
            
  • Your personalised brand partnership link for potential clients.
    • 
            
  • Your personalised Networking link for building your own team.
    • 
            
  • Growth and development training for personal growth.
    • 
            
  • A community of entrepreneurs that you can learn from.
    • 
          

          
How to get started - For us at Fyre Skin convenience is everything that why we built a website that’s swift and easy to access by both brand partners and clients.

          
    
            
  1. After signing up and creating an account, login into your back office the click copy ‘default brand partners link’. Share your link on social platforms that can be visible potential clients.
    2. 
                                 
              
    
                
      
                  
    1. Create a target audience
      2. 
                  
    2. Set a daily goal target that includes number of people and how much he want to make.
      3. 
                  
    3. Set the amount of times he want to work a week.
      4. 
                  
    4. Products and services he want to market (optional)
      5. 
                
    
              
    
              
    Target: 40% male, 60% female
    
              
    Goals: 4 people a day, ₦50,000 a day
    
              
    Work: 4 times a week
    
              
    
                *lets assume Ade already did his homework by attending our webinars, where he learnt how to market like a pro and he already posted his business links on every social platform and uses his online messaging apps.
                
              
    
              
    
                
    
                  
    DAY 1
    
                
    
                
    Ade’s target for the day is 4 people and he got 2 men and 2 women.
    
                
    MEN
    
                
    1st man did deep tissue massage and jelly pedicure
    
                
    2nd man never left his house, he just order online 1 ultra shade Creamy gel and 1 Lightening glow milk
    
                
    WOMEN
    
                
    1st woman did a brightening facials and braided her hair
    
                
    2nd woman did a botanical pedicure and botanical manicure
    
                
    
                  
    
                    
    
                      MEN
                      PRICE
                      WOMEN
                      PRICE
                    
    
                    
    
                      Deep Tissues massage
                      12,000
                      Brightening facials
                      9,000
                    
    
                    
    
                      Jelly Pedicure
                      5,000
                      Corn row
                      5,000
                    
    
                    
    
                      Ultra shade creamy gel
                      5,000
                      Botanical pedicure
                      5,000
                    
    
                    
    
                      Lightening glow milk
                      10,000
                      Botanical manicure
                      3,000
                    
    
                    
    
                      TOTAL
                      32,000
                      TOTAL
                      22,000
                    
    
                  
    
            
    
              
    OVERALL TOTAL =54,000
    
            
    
          
    
        
    
        
    
          
    
            
    DAY 2
    
          
    
          
    Ade repeated same target as day 1.
    
          
    4 people but this time his message only attracted 4 women who just wanted to do the best friends package and relax themselves.
    
          
    WOMEN
    
          
    2 best-friends package comprises of 3 services each -
    
          
    deep cleansing facials, Swedish massage and botanical pedicure
    
          
    
            
    
                      
    
                        WOMEN
                        PRICE
                      
    
                      
    
                        Best friend package
                        42,000
                      
    
                      
    
                        Best friend package
                        42,000
                      
    
                    
    
                    
    
                      
    OVERALL TOTAL =84,000
    
                    
    
                  
    
                
    
                
    
                  
    
                    
    DAY 3
    
                  
    
                  
    
                    Same target, same goal. 4 people. Repeated strategy brings
                    repeated results
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！