• 19-09-2012, 14:26:24
    #1



    Hover'da yazıyı ortalayamadım arkadaki imaja göre

    CSS

    .Menu
    {
        list-style-type: none;
        margin-top: 30px;
    }
    .Menu li
    {
        display: inline;
        margin-left: 35px;
    }
    .Menu li a
    {
        font-family: Arial;
        font-weight: bold;
        font-size: 18px;
        color: #7a8090;
        text-decoration: none;
        width: 82px;
        height: 37px;
        float: left;
        margin-left: 25px;
    }
    .Menu li a:hover
    {
        background-image: url(/_Media/Images/menuhover.png);
        color: #FFFFFF;
        width: 82px;
        height: 37px;
        background-position: center right;
    }
    HTML:

    <ul class="Menu">
                                <li><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Portfolio</a></li><li>
                                    <a href="#">Blog</a></li><li><a href="#">Contact</a></li></ul>
    Teşekkürler
  • 19-09-2012, 23:42:19
    #2
    .Menu li a
    {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #7a8090;
    text-decoration: none;
    width: 82px;
    height: 37px;
    float: left;
    margin-left: 25px;
    text-align:center;
    }

    olarak değiştirirseniz sorum çözülür.
  • 20-09-2012, 00:22:35
    #3
    Üyeliği durduruldu
    technic adlı üyeden alıntı: mesajı görüntüle
    .Menu li a
    {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #7a8090;
    text-decoration: none;
    width: 82px;
    height: 37px;
    float: left;
    margin-left: 25px;
    text-align:center;
    }

    olarak değiştirirseniz sorum çözülür.
    evet arkadaşın dediği ile sorunun çözülür bunu yapınca ortalanır bide üstüne

    line-height:35px; değerini verdin mi tamamdır tam içine oturur
  • 20-09-2012, 10:01:50
    #4
    çok teşekkür ediyorum çok sağolun