IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Petr Nymsa
Tvůrce
Avatar
Petr Nymsa:23.3.2013 21:16

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
Tvůrce
Avatar
Petr Nymsa:23.3.2013 21:23

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.