jQuery UI Dialog içinde Tabs Kullanımı

Cevaplar

• 

  13 yıl önce yazılmış

  oktaycmk

  3 cevap - 0 soru
  için float:left olarak css atamayı deneyebilirsin.

  • halidaltuner
    ne için anlamadım:)
    13 yıl önce yazılmış
• 

  13 yıl önce yazılmış

  Kemal

  63 cevap - 10 soru
  şunu deneyebilirmisin
  .tabs ul{list-style-type:none;}
  .tabs ul li{float:left;}

  • halidaltuner
    Maalesef çözüm olmadı :)
    13 yıl önce yazılmış
  • Kemal

    .tabs ul{list-style-type:none;}
    .tabs ul li{float:left;}  
    

    
    afedersiniz ben class tanımlamışsınız gibi görmüşün başındaki noktalar # olacaktı
    

    #tabs ul{list-style-type:none;}
    #tabs ul li{float:left;}  
    

    13 yıl önce yazılmış
  • halidaltuner
    Durum değişmedi maalesef :(
    13 yıl önce yazılmış
  • Kemal

    <div id="tabs">
    <ul>
    <li><a href="#tabs-1">tab 1</a></li>
    <li><a href="#tabs-1">tab 2</a></li>
    <li><a href="#tabs-1">tab 3</a></li>
    </ul>
    <div id="tabs-1"></div>
    

    
    üstündeki divi kapatmışmıydınız ?
    
    

    <div id="tabs">
    <ul>
    <li><a href="#tabs-1">tab 1</a></li>
    <li><a href="#tabs-1">tab 2</a></li>
    <li><a href="#tabs-1">tab 3</a></li>
    </ul>
    </div>
    <div id="tabs-1"></div>
    

    gibi
    13 yıl önce yazılmış
  • halidaltuner
    Evet aynı şekilde div kapanmış durumda. Maalesef durum aynı:) İşin garip tarafı kod'u farklı js emülatör uygulamalarında çalışınca sorunsuz çalışıyor.
    13 yıl önce yazılmış
• 

  13 yıl önce yazılmış

  uls

  65 cevap - 10 soru
  Jquery UI ile sonradan mı ekleniyor elementler? Öyleyse stili almıyor olabilir, tekrardan belirtmek gerekebilir float değerini yani.
  
  Değilse de
  

  #tabs li { float: left; } 

  
  Yeterli olmalıydı aslında.
  
  Şu şekilde yaptığınızda bile aynı mı görünüyor?
  

   
  <div id="tabs">
  <ul style="border: 1px solid black; width: 100%;">
  <li style="float: left;"><a href="#tabs-1">tab 1</a></li>
  <li style="float: left;"><a href="#tabs-1">tab 2</a></li>
  <li style="float: left;"><a href="#tabs-1">tab 3</a></li>
  </ul>
  </div>
  <div id="tabs-1"></div>
  

  • halidaltuner
    Bu da çözüm olmadı ama çözümü farklı bir şekilde buldum :)
    13 yıl önce yazılmış