текст ссылки не виден в Opera Mini / Mobile - PullRequest
Новая
       25

текст ссылки не виден в Opera Mini / Mobile

1 голос
/ 17 сентября 2011

Opera Mini / Mobile ведет себя странно в ссылках меню, они не видны (на самом деле, когда сайт рендерится, они становятся видимыми на секунду, а затем они больше не видны, но текст выбирается.).В других браузерах все нормально.Кто-нибудь знает причину этого?

(я пробовал с отключенными медиа-запросами, тоже самое)

HTML-код 

        <div id="navbox"> 
            <nav> 
                <ul> 
                    <li><a href="#1">Usluge</a></li> 
                    <li><a href="#2">Cvijeće</a></li> 
                    <li><a href="#3">Galerija</a></li> 
                    <li><a href="#4">O nama</a></li> 
                    <li><a href="#5">Kontakt</a></li> 
                </ul> 
            </nav> 
        </div>

CSS-код 

#navbox {
    width: 620px;
    float: left;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

#navbox nav {
    width: 620px;
    float: left;
    margin-top: 66px;
}

    #navbox li {
        width: 68px;
        float: right;
        list-style: none;
        margin-left: 24px;
        background: rgb(230,230,230);
    }

        #navbox a {
            display: block;
            padding: 134px 0px 0px 0px;
            border: 0px solid rgb(195,195,195);
            color: rgb(171,74,119);
            text-decoration: none;
            text-align: center;
        }

1 Ответ

0 голосов
/ 17 сентября 2011

Попробуйте это в своем CSS: 

#navbox nav {
    width: 620px;
    float: left;
    margin-top: 66px;
}

#navbox li {
    float: right;
    list-style: none;
    margin-left: 24px;
    background: rgb(230,230,230);
}

#navbox a {
    display: block;
    padding: 15px 20px; //adjust to your liking
    border: 0px solid rgb(195,195,195);
    color: rgb(171,74,119);
    text-decoration: none;
    text-align: center;
}

@media screen and (max-width:767px){
    #navbox nav {
        width:100%;
    }
}

Если это не сработает для вас, можете ли вы разместить ссылку на свою страницу, чтобы мы могли посмотреть?

...