0
Kayıt Ol

Css Yardım !

2

●

334

  • 25-07-2015, 20:07:41
    #1
    Hover33
    Hover33
    Üyeliği durduruldu
    Merhabalar ;

    Ben Suan Kodladıgım bir tema mevcut fakat yaptıgım header'daki menu border ekledigimde yandaki kelimeler hareket etmekte bu hareket etmesini nasıl engelleyebiliriz yardımlarınızı bekliyorum

    1. Normal

    http://prntscr.com/7wvo80

    2. Hover

    http://prntscr.com/7wvp69

    Farkederseniz Menu Sağa Dogru Kaydı Bunu Hareket Etmesini Hover'de nasıl engelleriz yardımlarınızı bekliyorum Tesekkurler
  • 25-07-2015, 20:15:00
    #2
    ahmtozdmr
    ahmtozdmr
    Merhaba;

    İstediğiniz Şey Çok Basit.

    Hover Verdiğiniz Alana hoversiz haline şunu ekleyin hoverde verdiğiniz bordere göre editleyin siz.

    şu şekilde olacak;

    .divadı{
    border:2px solid transparent
    }

    hoversiz hali böyle olacak

    hoverli halide şöyle

    .divadı:hover{
    border:2px solid #renkkodu
    }

    böyle yaparsanız kayma düzelecektir.
    sizin yaptığınız şekilde border yokken menü genişliklerine 2px daha ekleme yapınca kayma oluyor.

    ama hover yokken görünmez bir border eklerseniz sadece borderin rengi değişip görünür hale gelmiş olacak kaymada olmayacak.
  • 25-07-2015, 20:18:29
    #3
    Hover33
    Hover33
    Üyeliği durduruldu
    ahmtozdmr adlı üyeden alıntı: mesajı görüntüle
    Merhaba;

    İstediğiniz Şey Çok Basit.

    Hover Verdiğiniz Alana hoversiz haline şunu ekleyin hoverde verdiğiniz bordere göre editleyin siz.

    şu şekilde olacak;

    .divadı{
    border:2px solid transparent
    }

    hoversiz hali böyle olacak

    hoverli halide şöyle

    .divadı:hover{
    border:2px solid #renkkodu
    }

    böyle yaparsanız kayma düzelecektir.
    sizin yaptığınız şekilde border yokken menü genişliklerine 2px daha ekleme yapınca kayma oluyor.

    ama hover yokken görünmez bir border eklerseniz sadece borderin rengi değişip görünür hale gelmiş olacak kaymada olmayacak.

    Tesekkur Ederim Başarıyla Oldu r10+ Verdim haketttiniz