Diskuze: CSS menu rozlišení

HTML a CSS HTML a CSS CSS menu rozlišení American English version English version

Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Ahoj, udělal jsem si menu, reps. celý web, který by se měl přizpůsobit rozlišení, vše funguej parádně až na jednu věc a to je menu. Na rozlišení 1366x768 mi v menu bere odkaz pouze poslední, první dva zcela ignrouje a absolutně netuším proč. Zasílám strukturu headeru a k tomu příslušný CSS.

<div id="wrapper">
        <header id="header">
                <nav id="menu">
                <ul>
                <li><a href="#">O mně</a></li>
                <li><a href="#">Tvorba</a></li>
                <li><a href="#">Kontakt</a></li>
                </ul>
            </nav>


            <div id="headerInfo">
                <img src="graphics/code.png" alt="code"/>
            </div>
              <div id="logo">
              </div>

        </header>
    </div>
#wrapper
{
        width:100%;
        background:#1a2d3e;
        height:350px;
        float:left;

}

#header
{
        width:100%;
        height:350px;
        margin:0px auto;
}

#logo
{
        float:left;
        width:690px;
        height:192px;
        position:relative;
        top:10%;
        left:5%;
        background:url(graphics/logo.png) no-repeat;
        z-index:1;
}

#headerInfo
{
        width:400px;
        height:150px;
        background:#0f1419;
        float:left;
        position:relative;
        left:0%;
        bottom:0%;
        top:57%;

}

#headerInfo img
{
        margin:10px 15px;
}

#menu
{

        background:#0f1419;
        height:80px;
        float:right;
        position:relative;
        top:30%;
        font-size:25px;
}

#menu ul
{
        list-style:none;
        margin-right:50px;
}

#menu ul li
{
        float:left;
        margin:0px 15px;
}

#menu ul li a
{
        color:#FFF;
        text-decoration:none;
}

#menu ul li a:hover
{
        color:#a73030;
        text-decoration:underline;
}

Věřím, že zkušenější naleznou chybu hned :D. Děkuji za všechny rady :)

Odpovědět 23.3.2013 21:16
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

No, opět se rychlej ptám než jednám. Bylo to způsobený logem, protože měl z-index:1. Web je tedy použitelný do rozlišení 1280px , nižší už je to hodně špatný.

Nahoru Odpovědět 23.3.2013 21:23
Pokrok nezastavíš, neusni a jdi s ním vpřed
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.