• 11-11-2009, 12:38:03
    #1


    Merhaba arkadaşlar kolay gelsin.

    Bu üsteki menülerin yanındaki noktaları birtürlü kaldıramıyorum yardımcı olabilecek birisi varmı ?
  • 11-11-2009, 12:47:51
    #2
    Üyeliği durduruldu
    eğer bu liste ile yapılmışsa list-style-type: none; şeklinde kaldırabilirsin. Eğer yapılmamışsa bir fikrim yok malesef.
  • 11-11-2009, 12:54:26
    #3
    Css kodu

    [PHP]
    # pad (height: 140px
    # menu (padding: 0; margin: 0; list-style: none; height: 40px; position: relative; z-index: 500; font-family: arial, verdana, sans-serif
    # menu li (float: left; margin-right: 1px
    # menu li a (display: block; float: left; height: 40px; line-height: 40px; background: # 333; color: # ccc; text-decoration: none; font-size: 11px; font-weight: bold ; padding: 0 30px 0 20px

    # menu table (border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0
    # menu tablo ul (list-style-type: none
    # menu ul tablo il (margin: 0; padding: 0
    # menu li a: hover (z-index: 200; position: relative; color: # fff; background-color: # c60
    # menu li (position: relative hover; z-index: 200
    # menu li: hover> a (color: # fff; background: # c60
    # menu li: hover> (color: # fff; background-color: # c60 a.sub
    a (color # menu li.current: # fff; background: # 840
    # menu li a.sub (background: # 333 url (aşağı-arrow.gif) no-repeat right center
    # menu li.current a.sub (color: # fff; background: # 840 url (aşağı-arrow.gif) no-repeat right center;
    # menu: hover ul (left: 0; top: 40px; width: 120px; background: # 444
    # menu ul,
    # menu: hover ul ul (position: absolute; left:-9999px; top:-9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none
    # menu: hover ul: hover ul
    (left: 120px; top:-1px; background: # 222; white-space: nowrap; width: 100px; z-index: 200; height: auto
    # menu: hover ul li (margin: 0; border-top: 1px solid # 666
    # menu: hover ul li a (width: 120px; padding: 0; text-indent: 10px; background: # 333; color: # ccc; height: 30px; line-height: 30px
    # menu: hover ul li a.fly (background: # 333 url (sağ arrow.gif) no-repeat right center
    # menu: hover ul (background-color: # c60 hover; color: # fff
    # menu: hover ul: hover (a.fly background-color: # c60; color: # fff
    # menu: hover ul li.currentsub (background: # 840; color: # fff
    # menu: hover ul li.currentsub a.fly (background: # 840 url (sağ arrow.gif) no-repeat right center; color: # fff
    # menu: hover ul: li a (width: 100px ul hover; padding: 0; text-indent: 10px; background: # 3e3e3e; color: # ccc
    # menu: hover ul: hover ul (background-color: # D70 hover; color: # fff
    # menu: hover ul: hover li.currentfly bir ul,
    # menu: hover ul: hover li.currentfly bir ul: hover (background: # 840; color: # fff

    [/ PHP]


    Buda HTML kodu.


    [HTML] <ul id="menu">
    <li> <a href="index.html"> <b> Ana Sayfa </ b> </ a> </ li>
    <li> <a href="single.html"> <b> Tek Düzeyi </ b> </ a> </ li>
    <li class="current"> <a class="sub" href="dropdown.html"> <b> Açılır </ b> </ a>
    <ul>
    <li> <a class="fly" href="#url"> Açılır </ a>
    <ul>
    <li> <a href="#url"> Açılır 1.1 </ a> </ li>
    <li> <a href="#url"> Açılır 1,2 </ a> </ li>
    <li> <a href="#url"> Açılır 1,3 </ a> </ li>
    <li> <a href="#url"> Açılır 1,4 </ a> </ li>
    <li> <a href="#url"> Açılır 1.5 </ a> </ li>
    <li> <a href="#url"> Açılır 1,6 </ a> </ li>
    </ ul>
    </ li>
    <li class="currentsub"> <a class="fly" href="#url"> Açılır iki </ a>
    <ul>
    <li> <a href="#url"> Açılır 2,1 </ a> </ li>
    <li> <a href="#url"> Açılır 2,2 </ a> </ li>
    <li class="currentfly"> <a href="#url"> Açılır 2,3 </ a> </ li>
    <li> <a href="#url"> Açılır 2,4 </ a> </ li>
    <li> <a href="#url"> Açılır 2,5 </ a> </ li>
    </ ul>
    </ li>
    <li> <a href="#url"> Açılır üç </ a> </ li>
    <li> <a href="#url"> Açılır dört </ a> </ li>
    <li> <a class="fly" href="#url"> Açılır beş </ a>
    <ul>
    <li> <a href="#url"> Açılır 5.1 </ a> </ li>
    <li> <a href="#url"> Açılır 2,2 </ a> </ li>
    <li> <a href="#url"> Açılır 3,3 </ a> </ li>
    </ ul>
    </ li>
    </ ul>
    </ li>
    <li> <a class="sub" href="dropline.html"> <b> Dropline </ b> </ a>
    <ul>
    <li> <a href="#url"> Dropline </ a> </ li>
    <li> <a href="#url"> Dropline iki </ a> </ li>
    <li> <a href="#url"> Dropline üç </ a> </ li>
    <li> <a href="#url"> Dropline dört </ a> </ li>
    <li> <a href="#url"> Dropline beş </ a> </ li>
    <li> <a href="#url"> Dropline altı </ a> </ li>
    </ ul>
    </ li>
    <li> <a class="sub" href="flyout.html"> <b> Flyout </ b> </ a>
    <ul>
    <li> <a href="#url"> Flyout </ a> </ li>
    <li> <a href="#url"> Flyout iki </ a> </ li>
    <li> <a href="#url"> Flyout üç </ a> </ li>
    <li> <a href="#url"> Flyout dört </ a> </ li>
    </ ul>
    </ li>
    <li id="support"> <a href="support.html"> <b> Destek </ b> </ a> </ li>
    <li id="contact"> <a href="contact.html"> <b> İletişim </ b> </ a> </ li>
    </ ul>
    [/ HTML]
  • 11-11-2009, 13:30:49
    #4
    Varmı yardımcı olabilecek birisi ?
  • 11-11-2009, 13:36:34
    #5
    Üyeliği durduruldu
    eskisiyle bunu değiştir.

    Alıntı
    # menu li a (display: block; float: left; height: 40px; line-height: 40px; background: # 333; color: # ccc; text-decoration: none; font-size: 11px; font-weight: bold ; padding: 0 30px 0 20px; list-style-type: none; }