Şimdi Ara

Dynamic Menu Highlighting Sorunu CSS

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
6
Cevap
0
Favori
759
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar şuradaki wordpress codex sayfasında belirtildiği gibi bir CSS menü yaptım.
    Tanımlı CSS gereği ziyaretcinin bulunduğu sayfanın arkaplanının kırmızını olduğnunu görüyorsunuz.
    Fakat bu özellik İE'de sorunsuz çalışıyorken, Chorme ve Firefox'da arkapalan rengi daha ince görünüyor.
    Bunu nasıl düzelte bilirim?

     Dynamic Menu Highlighting Sorunu CSS


    Kodlar şu şekilde;

    <--- --- --- // CSS 

    ul#anaMenu {
    font-family:Arial, Helvetica, sans-serif;
    background: #000;
    border-bottom: 3px solid #DD1E26;
    position: relative;
    height: 32px;
    }
    ul#anaMenu li {
    display: inline;
    line-height:32px;
    }
    ul#anaMenu li a {
    text-decoration:none;
    line-height:32px;
    padding:7px 5px 7px 5px;
    color: #ffffff;
    }
    ul#anaMenu li a:hover {
    background:#cccccc;
    color: #000000;
    }
    #current{
    background-color:#dd1e26;
    }

    <--- --- --- // HTML

    <ul id="anaMenu">
    <li<?php if (is_home()){echo " id=\"current\"";}?>><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=60987863&url=<?php bloginfo('url'); ?>" data-href="<?php bloginfo('url'); ?>">Home</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=60987863&url=#" data-href="#">Sayfa Bir</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=60987863&url=##" data-href="##">Sayfa İki</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=60987863&url=###" data-href="###">Sayfa Üç</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=60987863&url=####" data-href="####">Sayfa Dört</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=60987863&url=#####" data-href="#####">Sayfa Beş</a></li>
    </ul>







  • css hack kullanmayı dene
  • quote:

    Orijinalden alıntı: RAMPAG£

    css hack kullanmayı dene

    Css Hack'ten kastın nedir ?

    Konuyu biraz daha açarsan iyi olur arkadaşım
  • Css hack nedirTıkla
  • quote:

    Orijinalden alıntı: gokhanbey

    Css hack nedirTıkla

    FatihHayrioğlu sağolsun. Yeni başlayanlara iyi örnek oluyor. :)

    Teşekkürler
  • saol css hack sayasinde sorun çözüldü.
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.