Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
Avatar
Petr Nymsa
Redaktor
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
Redaktor
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.