Bílá sobota je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem BILA90. Tak neváhej!
NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
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.