• 25-10-2021, 16:06:01
    #10
    Üyeliği durduruldu
    oktayc0 adlı üyeden alıntı: mesajı görüntüle
    <div class="menu">
        <div class="menulogo">
            <div class="logo"></div>
            <div id="menuyazi">
                <ul >
                    <li class="menu-li-active"><a href="#">ANASAYFA</a></li>
                    <li class="menu-li"><a href="#" >YAZILAR</a></li>
                    <li><a href="#" >KATEGORİLER</a></li>
                </ul>
            </div>
        </div>
    </div>
    
    .menu-li a:hover{
        border-bottom: 3px solid #EC6A6A;
        margin-top:0px;
        transition: .1s;
        height: 2222px;
        
    }
    .menu-li-active a{
        
        border-bottom: 3px solid #EC6A6A;
        margin-top:0px;
        transition: .2s;
        width: center;
    }
    Bu şekilde eklermisin, bu daha doğru bir kullanım olacaktır.

    Birde border'i mi küçülteceksin?
    Bana ne istediğini, nereye istediğini, hangi nesneye etki etmek istediğini söyle ki yardımcı olayım.
    Çizgiyi küçültmek istiyorum diyorsun ama 2 adet çizgi var bir active birde hover olanlarda.
    Pixel değernimi düşürmek istiyorsun?

    Yani bir çok soru var şuan kafamda
    hover ve activenin de uzunluğnu küçültmek yani anasayfa ve yazılar kısmının altındaki çubuğun uzunluğunu yazılar ile aynı ypamak istiyorum
  • 25-10-2021, 16:12:40
    #11
    SEOBuyuk adlı üyeden alıntı: mesajı görüntüle
    hocam işte onu ayarlamaya çalıştım ama ne yazarsam yazayım değişmiyor. denemek için yazdım onu
    height:100px!important; deneyin yada max-height:100px!important;
  • 25-10-2021, 16:15:15
    #12
    Üyeliği durduruldu
    misal adlı üyeden alıntı: mesajı görüntüle
    height:100px!important; deneyin yada max-height:100px!important;
    hocam bu seferde aşağıya iniyor kısalmıyor yanlardan
  • 25-10-2021, 16:17:19
    #13
    SEOBuyuk adlı üyeden alıntı: mesajı görüntüle
    hover ve activenin de uzunluğnu küçültmek yani anasayfa ve yazılar kısmının altındaki çubuğun uzunluğunu yazılar ile aynı ypamak istiyorum
    Tamam öyleyse, border özelliğini direkt <li etiketine değil, <li içerisinde <a itemine verirseniz, border yazı ile eşit uzunlukta olur. STİL: ( menu-li-a:hover.menu-li a:hover ) CLASS: (class="menu-li-a" class="menu-li")

    Örneğin: AnasayfaBasındaki Çalışmalarımız
    Şeklinde yazıya göre bottom çıkacaktır, size önceki yorumda gönderdiğim <a'ya göre border uzunluğu vermiştim.

    Benmi anlamıyorum sizin anlatmaya çalıştığınızı.
  • 25-10-2021, 16:21:27
    #14
    Üyeliği durduruldu
    oktayc0 adlı üyeden alıntı: mesajı görüntüle
    Tamam öyleyse, border özelliğini direkt <li etiketine değil, <li içerisinde <a itemine verirseniz, border yazı ile eşit uzunlukta olur. STİL: ( menu-li-a:hover.menu-li a:hover ) CLASS: (class="menu-li-a" class="menu-li")

    Örneğin: AnasayfaBasındaki Çalışmalarımız
    Şeklinde yazıya göre bottom çıkacaktır, size önceki yorumda gönderdiğim <a'ya göre border uzunluğu vermiştim.

    Benmi anlamıyorum sizin anlatmaya çalıştığınızı.
    hocam anlamadınız sanırım. anydesk vereyimmi size?
  • 25-10-2021, 16:43:33
    #15
    Gönder hocam bi bakalım, bende merak ettim sorunu.