HTML <ul>tag yerleştirmesi

Mr-Fakoo · 7 Kasım 2020

Resimdeki <ul>tag a: Hover etiketini kısıtlıyor.
<Ul>'yi CSS'ten kenarlara çekiyorum ama bu seferde <li>taglarinin yerlerini değiştiremiyorum.

Fatalis · 7 Kasım 2020

HTML yapını gösterebilir misin?

Mr-Fakoo · 7 Kasım 2020

HTML:

         <div class="yana-acilir-menu">
      <li><a href="#">HTML</a>
              <div><ul>
                <li><a>HTML_div</a></li>
                <li><a>HTML_span</a></li>
                </ul></div></li>

CSS:

.yana-acilir-menu ul{
    width: 20px;
    margin:0;
    padding:0;
    list-style-type:none; 
}
.yana-acilir-menu li{
    width: 100px;
    position: relative;
    display: block;
}
.yana-acilir-menu li ul{
    float: right;
    position:absolute;
    list-style-type:none;
    display:none;
    top:0;   
}
.yana-acilir-menu li a{
  text-decoration: none;
  display: block;
  color: black;
  font-weight: lighter;
  font-family: sans-serif;
  text-align: center;


}
.yana-acilir-menu li:hover ul{
    display:block;
}

Berkay Davas · 8 Kasım 2020

"li" altındaki "ul" hala üstteki "ul" özelliklerini taşıyor. ".yana-acilir-menu > ul" şeklinde belirt.

MehmetSengul · 10 Kasım 2020

Hocam , kodunuz biraz garip nasıl birşey istediğinizi söylermisiniz açıkcası ben anlamadım.

HTML <ul>tag yerleştirmesi

Ayrıntılı düzenleme

Mr-Fakoo

Hectopat

Fatalis

Terapat

Mr-Fakoo

Hectopat

Berkay Davas

Gigapat

MehmetSengul

Picopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz