NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.
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.